输入项目名,这里直接回车了
npm init vite
? Project name: » vite-project
选择Vue
√ Project name: ... vite-project
? Select a framework: » - Use arrow-keys. Return to submit.
> Vanilla
Vue
React
Preact
Lit
Svelte
Solid
Qwik
Others
在 Select a variant 这一行,选择 Customize with create-vue 即可。
√ Project name: ... vite-project
√ Select a framework: » Vue
? Select a variant: » - Use arrow-keys. Return to submit.
> TypeScript
JavaScript
Customize with create-vue ↗
Nuxt ↗
√ 是否使用 TypeScript 语法? ... 否 / 是
√ 是否启用 JSX 支持? ... 否 / 是
√ 是否引入 Vue Router 进行单页面应用开发? ... 否 / 是
√ 是否引入 Pinia 用于状态管理? ... 否 / 是
√ 是否引入 Vitest 用于单元测试? ... 否 / 是
√ 是否要引入一款端到端(End to End)测试工具? » 不需要
? 是否引入 ESLint 用于代码质量检测? » 否 / 是
项目构建完成,可执行以下命令:
cd vite-project
npm install
npm run dev
╭────────────────────────────────────────────────────────────────╮
│ │
│ New major version of npm available! 6.14.10 -> 10.2.1 │
│ Changelog: https://github.com/npm/cli/releases/tag/v10.2.1 │
│ Run npm install -g npm to update! │
│ │
╰────────────────────────────────────────────────────────────────╯