1 前提

前提条件：已经安装了18.3或者更高版本的node，本文安装的是20.13.1。

node --version
v20.13.1
# 查看npm版本
npm -v
10.5.2

2 创建vue应用

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

Vue.js - The Progressive JavaScript Framework

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

正在初始化项目 /Users/liangyafei/WebStormProjects/vue3_project...

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

  cd vue3_project
  npm install
  npm run dev

npm notice 
npm notice New minor version of npm available! 10.5.2 -> 10.8.1
npm notice Changelog: https://github.com/npm/cli/releases/tag/v10.8.1
npm notice Run npm install -g npm@10.8.1 to update!
npm notice 

3 webStorm打开

4 执行命令

  cd vue3_project
  npm install
  npm run dev

5 访问验证

http://localhost:5173/

【温馨提示】

点赞+收藏文章，关注我并私信回复【面试题解析】，即可100%免费领取楼主的所有面试题资料！