当前位置:   article > 正文

Vue3脚手架创建_need to install the following packages: only-allow

need to install the following packages: only-allow ok to proceed? (y)

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

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/一键难忘520/article/detail/1000285
推荐阅读
相关标签
  

闽ICP备14008679号