Vue CLI-脚手架的介绍和安装

为什么使用Vue CLI？

        1、使用Vue.js开发大型应用时，我们需要考虑代码目录结构、项目结构和部署、热加载、代码单元测试等；

        2、如果每个项目需要手动完成，则效率较为低下，所以通常使用脚手架工具帮助完成

CLI是什么意思？

        1、CLI是Command-Line Interface的简称，翻译为命令行界面，俗称脚手架

        2、Vue CLI是一个官方发布的Vue.js项目脚手架

        3、使用vue-cli可以快速搭建Vue开发环境以及对应的webpack配置

Vue CLI 使用前提--Node

Vue CLI 的使用

        安装Vue脚手架-->npm install @vue/cli -g

        

        注意：上边安装的是Vue CLI4版本，如果需要按照Vue CLI2方式初始化项目时时不可以的，所以要拉去2.x模板（旧版本）

        

Vue CLI2初始化项目 vue init webpack "my-project"

下载完模板之后会有以下选项需要设置

? project name (my-project)--项目名称，不能包含大写

? project description--对项目的描述

？Author--作者的信息，会默认从git中读取信息

？Vue build-->Runtime(暂时使用, 更多的项目会使用runtime-only,暂时未了解，后续补充)

？Install vue-router?--路由，在此选择no，后续自行安装

? use Eslint to lint your code?--ESlint检测代码规范，看自己的情况

？Set up unit tests--单元测试

？Set up e2e tests with Nightwatch?--E2E测试，end to end，安装Nightwatch，是一个利用selenum等进行自动化测试的框架

? Should we run `npm install for you after the project has been created?--使用NPM还是Yarn安装

Vue CLI3(4)初始化项目 vue create 'my-project'