vue-cli创建vue3

前言：vue-cli既可以创建vue3项目也可以创建vue2项目，但通常vue2项目使用webpack来创建

---

一、全局安装vue-cli

1. 执行命令：npm install -g @vue/cli

二、创建vue3工程

1. 执行命令：vue create 工程名

注意：工程名不能有大写字母

2. 选择Manually select features自定义安装（第一个为本人之前保存的操作，也就是说下次再创建的时候不必要再一个个配置一次）

 3.按space键勾选自己想要引入的插件

4. 按回车键选择vue版本 ，这里选择3.x

 5. 按命令行提示出个配置好（最后一项保存一下，后面再次创建新项目就不需要再选择一遍了）

以下为eslint具体配置选项（不要选In package.json那样工程目录下就没有eslintrc.js配置文件了）

 

 

 

 6. webstorm或vscode切换到新创建的工程目录

 入口文件在public文件夹下的index.html,配置文件为vue.config.js。

因为不是webpack创建的项目，所以没有build文件夹也没有webpack.base.conf.js

7. 启动命令：npm run serve

---

总结

脚手架还是很方便的，至于其他插件，像axios、element-puls等自行引入即可