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   //运行项目

相关文章

显卡天梯图2024最新版,显卡是电脑进行图形处理的重要设备,...
初始化电脑时出现问题怎么办,可以使用win系统的安装介质,连...
todesk远程开机怎么设置,两台电脑要在同一局域网内,然后需...
油猴谷歌插件怎么安装,可以通过谷歌应用商店进行安装,需要...
虚拟内存这个名词想必很多人都听说过,我们在使用电脑的时候...