vue-cli的使用，创建项目，教程，上手，vue脚手架的使用

欢迎大家来我的博客看看，有更多的干货文章！[jaxqin.com点击进入]

注：vue-cli 是一个vue官方发布vueJS项目脚手架：点击查看，里面集成了webpack打包工具。

1.要求已安装Node.js (>=4.x, 6.x preferred) and Git.

可以设置cnpm可以提升依赖包下载速度：

（以后就可以完全使用cnpm）

这里默认你已安装好nodejs了啊

2.安装vue-cli

$ cnpm install -g vue-cli

注：-g为全局安装，如果是mac按如下写法：

sudo npm install -g vue-cli

3.创建模板项目

命令格式：

vue init <template-name> <project-name>

其中template-name是可选模板项，project-name是创建项目的名称。

参考一下图片



4.然后

npm istall

npm run dev

就会自己在浏览器打开

生成的目录结构如下：