创建 Vue3 项目

前提条件

安装 Nodejs
下载：https://nodejs.org/en/download/prebuilt-installer
切换 npm 源
npm config set registry https://registry.npmmirror.com/

创建Vue

npm create vue@latest

Microsoft Windows [版本 10.0.19043.1348]
(c) Microsoft Corporation。保留所有权利。

D:\OpenSource\VipVue>node -v
v20.14.0

D:\OpenSource\VipVue>npm -v
10.7.0

D:\OpenSource\VipVue>npm config get registry
https://registry.npmmirror.com

D:\OpenSource\VipVue>npm create vue@latest
Need to install the following packages:
create-vue@3.10.3
Ok to proceed? (y) y


> npx
> create-vue


Vue.js - The Progressive JavaScript Framework

√ 请输入项目名称： ... vipvue
√ 是否使用 TypeScript 语法？ ... 否 / 是
√ 是否启用 JSX 支持？ ... 否 / 是
√ 是否引入 Vue Router 进行单页面应用开发？ ... 否 / 是
√ 是否引入 Pinia 用于状态管理？ ... 否 / 是
√ 是否引入 Vitest 用于单元测试？ ... 否 / 是
√ 是否要引入一款端到端（End to End）测试工具？ » 不需要
√ 是否引入 ESLint 用于代码质量检测？ ... 否 / 是
√ 是否引入 Prettier 用于代码格式化？ ... 否 / 是
√ 是否引入 Vue DevTools 7 扩展用于调试? (试验阶段) ... 否 / 是

正在初始化项目 D:\OpenSource\VipVue\vipvue...

项目初始化完成，可执行以下命令：

  cd vipvue
  npm install
  npm run dev


D:\OpenSource\VipVue>

运行项目

cd <your-project-name>
npm install
npm run dev

WebStorm 运行