使用Vue-cli创建Vue项目

使用Vue-cli创建Vue项目

需提前安装node和npm

vue-cli就是一个依赖于webpack的脚手架，里面有已经配置好的vue;
webpack是前端资源模块化管理和打包工具，将所有文件进行模块化处理并且进行整合压缩，处理后形成小而规律的文件方便浏览器的解析

1.安装cnpm

管理员模式下运行cmd,执行：

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

安装时可能会因为网络问题中断，所以使用cnpm安装

2.全局安装全局安装webpack和webpack-cli

cnpm install webpack webpack-cli -g

3.全局安装vue-cli

cnpm install -g vue-cli

执行检查是否安装成功

vue -v

4.使用vue-cli创建项目

4.1 控制台输入cd + 存放项目文件路径，执行

vue create demo1 //项目的名称

4.2跳转如图，enter进入第二个自行配置相关文件
4.3通常如图进行配置

Babel:将es6等高级别的代码转换为es5
Linter可以对代码进行检测
4.4 是否选择history模式 -否
4.5根据自身情况选择合适的css预处理器
4.6选择Linter / Formatter规范类型，我选ESLint + Standard config
4.7选择 每次保存时检查代码还是提交时检查代码
4.8选择第一个
4.9是否将本次的配置保存（需要输入名字）一般选否

5.创建完成

可以进入到该目录下执行

npm run serve

完成后可以根据自己的需求对项目目录结构进行整理