vue-cli构建项目的步骤

vue-cli是官方发布的vue.js项目脚手架，可以快速的构建一个vue项目。

1.安装node.js和npm，去https://nodejs.org/zh-cn/安装node.js，由于npm安装比较慢，这里推荐使用淘宝镜像全局安装cnpm（npm install cnpm -g --registry=http：//registry.npm.taobao.org）

2.全局安装vue-cli，在命令窗口运行命令 cnpm install -g vue-cli

3.安装完vue-cli之后，通过cd进入需要创建项目的文件夹，运行命令vue init webpack，然后选择项目的一些基本信息

4.生成目录文件后，运行命令cnpm install安装依赖

5.最后运行命令npm run dev就可以启动我们所创建的项目了，启动项目之后会弹出默认网页

使用vue-cli创建出来的项目结构

build：webpack编译任务配置文件

config：项目的核心配置文件

node_modules：项目安装的依赖模块

src：项目的源码文件

static：项目的静态资源

test：项目的测试文件

.babelrc：babel配置文件

.editorconfig：编辑配置文件

.gitignore：用来过滤一些版本的控制文件

index.html：index.html入口模板文件

package.json：项目文件，记载着一些命令，依赖和项目的描述信息

README.md：对项目的介绍