为什么使用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'