Vue CLI的使用

1.cli，全称为command line interface,翻译就是命令行界面，俗称脚手架，脚手架能干嘛，其主要是能帮我们快速搭建vue开发环境以及webpack的相关配置
2.cli使用的两个前提，node和webpack
1)安装nodejs,直接下一步下一步，选择安装路径即可，nodejs下载地址
安装完后，其默认安装node和npm,查看这两者的版本

2）webpack的全局安装，执行命令npm install [email protected] -g 这里先指定版本3.6.0，因为脚手架2依赖这个版本,下面会分别建一个基于脚手架2和一个脚手架3/4的项目

3.安装脚手架，执行命令npm install -g @vue/cli，假如之前安装过，应当先卸载，执行npm uninstall vue-cli -g
查看版本，现在最新已经是版本4了，但版本4和版本3没啥区别，使用都差不多

拉取脚手架2魔板，执行如下命令，npm install -g @vue/cli-init

4.创建项目
打开webstorm,新建一个空项目

1）基于脚手架2，初始化项目命令，vue init webpack 项目名
1.1 右击项目,open in terminal
1.2一些路由以及测试的暂且先不装，选中yes ,use npm，回车,然后等待安装，安装成功后，项目生成，如下

2）基于脚手架3/4,初始化项目命令为，vue create 项目名

项目生成后