当前位置： 移动技术网 > IT编程>开发语言>JavaScript > vuejs基础入门之环境搭建

vuejs基础入门之环境搭建

2018年03月25日  | 移动技术网IT编程  | 我要评论

李秀景男友,六合内部玄机,女神新装2

对于小白，对命令行工具使用得很少，而在学习vuejs框架时，命令行工具必不可少，因此，我对一些不懂安装vuejs环境的小白写如下教程：

1.vuejs是前端框架，环境借助于nodo.js，因此，我们先要安装node.js的环境。

2.百度{node.js}，下载最新版本的nodejs环境，安装完毕打开如下命令行的：

说明一点：如果我们直接在cmd使用npm安装vue工具时会很慢，所以推荐使用淘宝的npm镜像。

3.打开了以上命令行，输入：npm install -g cnpm -registry=https://registry.npm.taobao.org    即可自动安装npm镜像，但以后需要使用cnpm来代替npm。

 完成之后，结果如下图：

输入：cnpm -v 是否安装成功及检验版本号。

4.开始安装vue-cli:

输入命令：cnpm install -g vue-cli     执行完成后，输入：vue会弹出相关vue的信息，则说明成功安装脚手架了。

 

下面教大家开始创建第一个vuejs项目：

输入命令：vue init webpack  vue-project    (vue-project是项目名称，大家随便写。)

提示：1.执行期间会有很多提示问你是否安装依赖、项目名、作者等东西，大家看着选择就行。

　　    2.大家如果想把项目建在其他目录，则像用命令打开到哪个目录之后再执行上面这条命令。

项目创建成功后，目录如下图：

 

下面开始执行这个项目，输入命令：cnpm vue dev  回车即可得到如下图：

在浏览器打开划红线的地址，即可看到vuejs欢迎页面，第一个项目也就创建成功。

 

您可能感兴趣的文章:

如对本文有疑问，请在下面进行留言讨论，广大热心网友会与你互动！！ 点击进行留言回复

相关文章:

验证码：
最近更新的文章
大家感兴趣的文章
移动技术网