创建vue-cli2项目详解

---

一、创建vue-cli2项目的语法

vue init webpack projectName 创建的就是子文件夹（webpack代表的是模板，也是最常用的模板）（projectName是项目的名称，注意：不能使用大写字母。）如果创建失败了或者异常了，这就说明 当前的vue-cli2没有安装完成，就在当前安装vue-cli2即可。
不知道如何安装vue-cli2？点击进入我的另一篇博客：vue-cli2的安装

二、创建cli过程中的配置内容

1. Project name 是工程名称（一般默认选项，或者和和项目名称相同，同样名称使用小写字母和数字组成）
2. Project description (项目描述，我没什么描述的，一般回车就好。)
3. Author (作者名称，想写就写。一般回车就好)
4. Vue build（运行和编译是否同步进行。一般也是回车由系统默认就好）
5. Install vue-router?(Y/n) 是否安装vue-router，这是官方的路由（进行页面的切换和跳转。），大多数情况下都使用，这里输入“y”后回车即可。
6. Use ESLint to lint your code?(Y/n)是否使用ESLint管理代码，ESLint是个代码风格管理工具，是用来统一代码风格的，一般项目中都会使用。
7. Set up unit tests？（是否选择单元测试。）
8. Pick a test runner （默认即可）
9. Setup e2e tests with Nightwatch? (默认即可，也是一个单元测试)
10. Should we run npm install for you after the project has been created?（命令行的起始命令，默认npm即可。）

三、创建和启动vue-cli2项目

• 首先创建文件夹存放项目
  
• 进入文件夹，创建vue-cli2项目，不能大写字母哦~（此时下载需要等待，时间有长有短）
  
• 下载完成之后就是项目的配置内容了
  
• 配置下载完成后，会给你两个命令cd testcli 是让进入子文件中，npm run dev 是让你运行当前项目。
  
• 运行当前项目完成之后会显示项目的url地址，复制到浏览器地址栏中，出现页面证明项目创建成功了。
  
  

---

总结

看到这里就完成了对vue-cli2项目的创建，可以查看创建在文件夹中的项目了，如果本篇文章对你有所帮助，不妨点个赞表示对作者的支持，谢谢！