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

结束之后就开始简单的5步走

1.全局安装vue-cli

cnpm install -g vue-cli

2.初始化项目

先进入所要选中的文件夹，进入该文件夹后再输入

vue init webpack xxx   //xxx是自定义的

回车之后会出现下图

出现的这几个，自定义就好，后面几个no用不上

cd xxx

npm install

npm run dev

输入完成后会显示如下：

Your application is running here: http://localhost:8080

目录结构的分析：

build：项目构建（webpack）相关代码。

build.js：生产环境构建的代码。

check-versions.js：检查node&npm的版本。

logo.png：logo

utils.js：用来配置公用工具

vue-loader.conf.js: vue的加载器

webpack.base.conf.js: webpack基础环境的配置

webpack.dev.conf.js: webpack开发环境的配置

webpack.prod.conf.js: webpack生产环境的配置

config: 项目开发环境配置的相关代码。

dev.env.js: 开发环境的变量。

index.js: 项目的配置变量。

prod.env.js: 生产环境的变量。

node_modules library root: npm install初始化时所有的文件

src: 开发中的所有代码都放在其中（源码目录）。

static: 放置一些静态文件，如图片，mp3，json数据

.babelrc: ES6编译语法配置

.editorconfig: 定义代码的格式。

.gitignore: git上传时

.postcssrc.js: 处理css文件。

index.html: 整个项目的入口。

package.json: 项目的基本信息。

package.lock.json: npm install时生成的一个文件。

README.md: 项目的一个说明。