vue3 创建项目 基于vite

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)
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容