通过Create-Vue创建

1. 安装Vue项目脚手架

# 安装并执行vite默认脚手架
npm init vite@latest
# 安装且执行vue官方项目脚手架（推荐）
npm init vue@latest

2. 配置项目

# 下面是我创建项目时使用的配置，随着vue脚手架的更新，部分条目可能发生改变
# 注释是后续添加的，正常情况下不会出现
PS E:\Source\vue3Demo> npm init vue@3.




latest
npm WARN config global `--global`, `--local` are deprecated. Use `--location=global` instead.
Need to install the following packages:
  create-vue@latest
# 是否开始安装
Ok to proceed? (y) y

Vue.js - The Progressive JavaScript Framework

# 项目名称(vue3-demo)
√ Project name: ... vue3-demo
# 是否支持Typescript(Yes)
√ Add TypeScript? ... No / Yes
# 是否支持JSX(No)
√ Add JSX Support? ... No / Yes
# 是否添加Vue路由(Yes)
√ Add Vue Router for Single Page Application development? ... No / Yes
# 是否使用Pinia作为状态管理工具(Yes)
√ Add Pinia for state management? ... No / Yes
# 是否使用Vitest作为单元测试工具(Yes)
√ Add Vitest for Unit Testing? ... No / Yes
# 是否使用Cypress作为端到端测试工具(Yes)
√ Add Cypress for End-to-End testing? ... No / Yes
# 是否通过ESLint保证代码质量(Yes)
√ Add ESLint for code quality? ... No / Yes
# 是否添加Prettier以实现代码格式化(Yes)
√ Add Prettier for code formatting? ... No / Yes

Scaffolding project in E:\Source\vue3Demo\vue3-demo...

Done. Now run:

  cd vue3-demo
  npm install
  npm run lint
  npm run dev

安装依赖/运行测试

注意当前所在的目录是否为vue项目的根目录，vue脚手架创建项目时会自行创建一个文件夹

# 安装依赖
npm install
# 运行测试
npm run dev