Vue+Element
1.使用vue ui指令来实现可视化初始项目
以管理员身份在终端运行vue ui，会自动弹出一个页面，我们就可以在这个页面中初始化我们的项目
问题：需要注意的是vue ui创建项目可能报以下错误：
Cannot read property ‘indexOf‘ of undefined 报错翻译：无法读取未定义的属性“indexOf”
报错原因分析：
vue/cli 的版本问题或版本过低
解决：
- 删除之前版本的 vue/cli
npm uninstall vue-cli -g
- 重新安装 vue/cli
npm install -g @vue/cli
注意：选择安装包的时候不要选择默认，选择指定包，我之前没选择，进行如上步骤后，第一次点击创建后没有反应，第二次点击创建后，仍会报一样的错误。
选择包之后项目创建成功！
2.vue项目初始化过程中需要的全部东西
- 1.首先要下载Node
node -v //检查node版本，有，则代表下载成功,注意msi是安装包，zip是压缩包，两者都可以
- 2.下载cnpm或者yarn
npm install -g cnpm --registry=https://registry.npm.taobao.org
npm install -g yarn
cnpm -v //用来检查cnpm版本，有，则代表下载成功
yarn -v //用来检查yarn版本
3.下载vue（可忽略，因为vue-cli创建项目时决定了vue等版本）
cnpm install vue -g
//npm list vue -g 可以查看vue的版本
//注意 vue -V 用来查看vue/cli的版本号。如果之前没有下载vue/cli脚手架的话，查看的就是vue的版本
- 4.下载vue-cli脚手架
cnpm install vue-cli@ --global 或者 cnpm install @vue/cli --global
- 5.用vue-cli脚手架创建vue项目
vue init webpack project(只能创建vue2.x) 或者 vue create project（可以创建vue2.x或者vue3.x）
-
6.选择需要的配置项进行下载安装（空格表示选择）比如说Babel,Router,VueX等
-
7.安装依赖
cnpm install
- 8.运行项目
cnpm run dev(vue2.x) 或者 cnpm run serve(vue3.x)
注意事项
1.vue cli 4.5以下，对应的是Vue2
2.vue cli 4.5及以上，对应的是Vue3，当然创建项目的时候也可以选择Vue2
3.@vue/cli指代vue-cli的最新的npm.js包，比如
npm install -g @vue/cli （安装的是最新版）
npm install vue-cli@2.9.6 （指定版本安装【指定版本为3.0以下版本】，其中2.9.6为版本号）
npm install -g @vue/cli@3.11.0（指定版本安装【指定版本为3.0以上版本】，其中3.11.0为版本号）
4.当执行vue --version时，如果安装了@vue/cli 那么得到的是@vue/cli的版本，而不是vue的。
所以正确查看vue版本的方式是执行：
npm list vue -g
5.vue-cli创建vue2.x和vue3.x的项目，除了项目目录不同，还有很多其他的区别，有待讨论....
3.Vue项目运行报错'vue-cli-service’不是内部或外部命令，也不是可运行的程序'
问题原因： 项目的依赖出现问题，需要卸载了，重新安装node_modules依赖
解决方法： 删除原来的node_modules依赖，执行npm install命令，重新下载依赖，解决问题！如果还是报错，可以试着执行npm install -g @vue/cli-service
