Vuejs实例-使用vue-cli创建项目

 

1，首先从官方网站下载安装Node.js，建议使用6.x版本，同时也会一并安装npm工具，npm>3.10以上。

 

2，npm安装很慢（国外服务器），所以一般推荐使用npm淘宝镜像cnpm，先安装下cnpm:

npm install -g cnpm --registry=https://registry.npm.taobao.org

安装好cnpm后，以后使用npm的地方就可以使用cnpm替代了

 

3、全局安装vue-cli

cnpm install -g vue-cli 

 

4、在任意一个盘创建一个vue文件夹方便存放，我是在D盘下创建，然后切换到这个文件夹下

 

 5、创建一个webpack项目例如：rss2

vue init webpack rss2

 

6、一路回车确认，遇到选(y/n)基本上选y

到最后在D盘vue文件夹下面就会有初始化的项目rss2

 

7、进入项目rss2文件里

cd rss2

 

8、安装依赖

 

9、运行项目

这一行命令代表着它会去找到package.json的scripts对象，执行node bulid/dev-server.js。

之后自动打开默认浏览器

使用vue-cli创建项目到此结束。

如果要终止命令行操作: ctrl+c