1 创建命令
npm create vue@latest
2 接下来会经历“项目名称”
✔ 请输入项目名称: … hello_vue_1
✔ 是否使用 TypeScript 语法? … 否 / 是(选择是,vue3拥抱ts)
? 是否启用 JSX 支持? › 否 / 是 (选择否)
✔ 是否引入 Vue Router 进行单页面应用开发? … 否 / 是 (选择否,后期可以单独加)
? 是否引入 Pinia 用于状态管理? › 否 / 是 (选择否,后期单独做)
是否引入 Vitest 用于单元测试? 选择否
✔ 是否要引入一款端到端(End to End)测试工具? › 不需要
是否引入 ESLint 用于代码质量检测? … 否 / 是 选择否
? 是否引入 Vue DevTools 7 扩展用于调试? (试验阶段) › 否 / 是 选择否
3 然后就创建完毕了
引入vue-router
如果需要重建 vue-route 需要 npm i vue-router 并调用就可以了
引入pinia
1 如果需要使用 pinia 需要 npm i pinia
2 在main.ts
import { createPinia } from 'pinia'
//创建pinia
const pinia = createPinia()
// 安转pinia
app.use(pinia)
网友评论