前提条件

安装 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>

创建 Vue3 项目_Vue

运行项目

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

创建 Vue3 项目_Vue_02


创建 Vue3 项目_代码质量_03

WebStorm 运行

创建 Vue3 项目_Vue_04

作者:VipSoft