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.jsonscripts对象,执行node bulid/dev-server.js

之后自动打开默认浏览器

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

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

 

展开阅读全文

没有更多推荐了,返回首页