赞
踩
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 //运行项目
Copyright © 2003-2013 www.wpsshop.cn 版权所有,并保留所有权利。