搭建Vue3工程

内容纲要

输入项目名,这里直接回车了

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! │
│ │
╰────────────────────────────────────────────────────────────────╯

Leave a Comment

您的电子邮箱地址不会被公开。 必填项已用*标注

close
arrow_upward