创建VUE项目

确定已经安装nodeJs

node -v  //查看安装的node版本

否则先安装node

全局安装vue

npm install -g vue-cli

1.使用脚手架webpack搭建vue

vue init webpack-simple (项目名字)
//或　
vue init webpack (项目名字)

两者区别就是

vue init webpack-simple :可以理解为轻巧的，没有多余的配置和包，但能保证项目正常运行。
vue init webpack : 可以理解为完整的，包含比较多配置和包。

运行该命令后会跳出下列选项:

Generate project in current directory? Yes
是否在当前目录下创建
Project name (vue项目实例) Demo 项目名称
Project description A sipmle vue project 项目描述
Author 作者
Runtime + Compiler: recommended for most users 运行加编译
Install vue-router? (Y/n) y 是否安装路由
Use ESLint to lint your code? (Y/n) y
是否使用ESLint管理代码，ESLint是个代码风格管理工具，是用来统一代码风格的，并不会影响整体的运行，这也是为了多人协作，新手就不用了，一般项目中都会使用。
Pick an ESLint preset (Use arrow keys) 选择一个ESLint预设，编写vue项目时的代码风格，因为选择了使用ESLint
Setup unit tests with Karma + Mocha? (Y/n) 是否安装单元测试
Setup e2e tests with Nightwatch(Y/n)? 是否安装e2e测试

接下来在该路径下运行npm run dev即可运行该项目

2. 使用vue-cli创建

vue create 项目名称
//如果你在 Windows 上通过 minTTY 使用 Git Bash，交互提示符并不工作。你必须通过 winpty vue.cmd create hello-world 启动这个命令
winpty vue.cmd create 项目名称

运行该命令会提示下列选项

Please pick a preset 选择一个预设（选择默认的或自己手动创建）
Check the features needed for your project 选择需要的插件
Pick a linter / formatter config 选择格式配置

手动选择特性，在操作提示的最后你可以选择将已选项保存为一个将来可复用的 preset.，保存的 preset 会被放在你的 home 目录下的一个配置文件中 (~/.vuerc)
下次直接通过 vue create --preset preset名称 项目名称