安装vue3
1安装vue
npm install vue
2安装脚手架
#51shop-admin 项目名称
vue create 51shop-admin
或使用可视化界面创建
vue ui
这4个选择分别是 vue3 已前安装过的/vue3默认模板 / vue2默认模板 / Manually select features 手动选择(自定义)的意思
选择 Manually select features
3.选择我们需要的默认配置(通过空格键 来选中)
4.vue本版的选择,我们选择 vue3
5.是否使用 class 风格的component,不使用,输入N
6.是否使用 babel来处理我们的 ts 代码,选择,输入Y
7.是不是用history模式来创建路由,不使用,输入n,后续需要使用可以在配置中做修改
8.选择 css 处理器,这里选择 sass
9.选择代码检测方式,我选择 eslint = prettier
10.选择什么时候对代码做 eslint,这里选择保存代码的时候
11.对于刚才选择的配置,是选择生成独立的配置文件,还是保存到pack.json中,这里选择独立的文件
12.最后一步是 是否将本次配置保存成一个预设,选择不保存,输入N,敲下回车,就开始创建项目了
vue3项目目录结构