Vue3脚手架创建

1.使用vue-cli创建（底层为WebPack）

-使用vue cli环境前提条件：
node -v
    v16.13.0
npm -v
    8.1.0
vue -V
    @vue/cli 4.5.15 
-创建项目格式：
   vue create demo

2.使用vite创建

npm init vite 回车

 --npm init vite
Need to install the following packages:
  create-vite
Ok to proceed? (y) y
✔ Project name: … vue3_vite  //项目名称
✔ Select a framework: › vue  //选择vue
✔ Select a variant: › vue 

 --cd vue3_vite  //进入目录
  --npm install  //安装依赖
  --npm run dev  //运行项目

3.官方vue.js六大金刚

----npm init vue@3【命令】

Need to install the following packages:
  create-vue@3
Ok to proceed? (y) y

Vue.js - The Progressive JavaScript Framework

✔ Project name: … vue3_ok  //项目名称
✔ Add TypeScript? … No / Yes  //是否使用TS
✔ Add JSX Support? … No / Yes  //是否支持JSX，除非你是搞React开发
✔ Add Vue Router for Single Page Application development? … No / Yes   //是否添加路由
✔ Add Pinia for state management? … No / Yes   //是否添加状态管理 推荐pinia
✔ Add Vitest for Unit Testing? … No / Yes  //是否添加单元测试
✔ Add Cypress for both Unit and End-to-End testing? … No / Yes  //是否添加端到端测试
✔ Add ESLint for code quality? … No / Yes   //是否添加ESLint做代码质量检查
✔ Add Prettier for code formatting? … No / Yes   //是否添加Perttier进行代码格式化

  ---cd vue3_ok   //cd 进行目录
 --- npm install   //安装相关依赖   npm i
 --- npm run lint   //运行代码修复
  ---npm run dev   //运行项目