进入开发文件夹

cd /d D:\LocalDEV\vue_project

创建项目

D:\LocalDEV\vue_project>npm create vue@latest
Need to install the following packages:
create-vue@3.16.4
Ok to proceed? (y)


> npx
> create-vue

T  Vue.js - The Progressive JavaScript Framework
|
o  请输入项目名称：
|  spadsai
|
*  请选择要包含的功能： (↑/↓ 切换，空格选择，a 全选，回车确认)
|  [+] TypeScript
|  [ ] JSX 支持
|  [+] Router（单页面应用开发）
|  [+] Pinia（状态管理）
|  [ ] Vitest（单元测试）
|  [ ] 端到端测试
|  [ ] ESLint（错误预防）
|  [+] Prettier（代码格式化）
—

回车后显示：

o  请选择要包含的功能： (↑/↓ 切换，空格选择，a 全选，回车确认)
|  TypeScript, Router（单页面应用开发）, Pinia（状态管理）, Prettier（代码格式化）

正在初始化项目 D:\LocalDEV\vue_project\spadsai...
|
—  项目初始化完成，可执行以下命令：

   cd spadsai
   npm install
   npm run format
   npm run dev

| 可选：使用以下命令在项目目录中初始化 Git：

   git init && git add -A && git commit -m "initial commit"

检查下当前环境的node版本

D:\LocalDEV\vue_project\spadsai>nvm list

  * 18.20.5 (Currently using 64-bit executable)
    16.20.2
    14.21.3

依次执行上述命令

D:\LocalDEV\vue_project>cd spadsai
D:\LocalDEV\vue_project\spadsai>npm install
added 178 packages in 28s

48 packages are looking for funding
  run `npm fund` for details

D:\LocalDEV\vue_project\spadsai>npm run format

> spadsai@0.0.0 format
> prettier --write src/

src/App.vue 94ms (unchanged)
src/assets/base.css 10ms (unchanged)
src/assets/main.css 4ms (unchanged)
src/components/HelloWorld.vue 39ms (unchanged)
src/components/icons/IconCommunity.vue 4ms (unchanged)
src/components/icons/IconDocumentation.vue 3ms (unchanged)
src/components/icons/IconEcosystem.vue 3ms (unchanged)
src/components/icons/IconSupport.vue 2ms (unchanged)
src/components/icons/IconTooling.vue 3ms (unchanged)
src/components/TheWelcome.vue 16ms
src/components/WelcomeItem.vue 10ms (unchanged)
src/main.ts 5ms (unchanged)
src/router/index.ts 8ms (unchanged)
src/stores/counter.ts 5ms (unchanged)
src/views/AboutView.vue 3ms (unchanged)
src/views/HomeView.vue 3ms (unchanged)

D:\LocalDEV\vue_project\spadsai>npm run dev

> spadsai@0.0.0 dev
> vite


  VITE v6.2.5  ready in 649 ms

  ➜  Local:   http://localhost:5173/
  ➜  Network: use --host to expose
  ➜  Vue DevTools: Open http://localhost:5173/__devtools__/ as a separate window
  ➜  Vue DevTools: Press Alt(⌥)+Shift(⇧)+D in App to toggle the Vue DevTools
  ➜  press h + enter to show help

访问界面，展示默认信息