编码规范
TypeScript + 组合式API + setup语法糖
基于Vite 创建项目
Win+R输入 CMD 回车后打开CMD命令行
已安装 18.3以上版本的NodeJS,js(安装)
我们用 NPM 方式安装 输入命令npm create vue@latest
PS D:\WORK\NodeJS> npm create vue@latest
Need to install the following packages:
create-vue@3.10.3
Ok to proceed? (y) y> npx
> create-vueVue.js - The Progressive JavaScript Framework√ 请输入项目名称: ... vue-project
√ 是否使用 TypeScript 语法? ... 否 / 是
√ 是否启用 JSX 支持? ... 否 / 是
√ 是否引入 Vue Router 进行单页面应用开发? ... 否 / 是
√ 是否引入 Pinia 用于状态管理? ... 否 / 是
√ 是否引入 Vitest 用于单元测试? ... 否 / 是
√ 是否要引入一款端到端(End to End)测试工具? » 不需要
√ 是否引入 ESLint 用于代码质量检测? ... 否 / 是
√ 是否引入 Prettier 用于代码格式化? ... 否 / 是
√ 是否引入 Vue DevTools 7 扩展用于调试? (试验阶段) ... 否 / 是正在初始化项目 D:\WORK\NodeJS\vue-project...项目初始化完成,可执行以下命令:cd vue-projectnpm installnpm run devnpm notice
npm notice New minor version of npm available! 10.7.0 -> 10.8.1
npm notice Changelog: https://github.com/npm/cli/releases/tag/v10.8.1
npm notice To update run: npm install -g npm@10.8.1
npm notice
PS D:\WORK\NodeJS>
PS D:\WORK\NodeJS\vue-project> npm install
PS D:\WORK\NodeJS\vue-project> npm run dev> vue-project@0.0.0 dev
> viteVITE v5.2.12 ready in 373 ms➜ Local: http://localhost:5173/➜ Network: use --host to expose➜ press h + enter to show help