在Cursor中快速初始化Vue 3项目需先确认Node.js(≥18.x)和npm(≥9.x)已安装,再执行npm create vue@latest交互式创建项目,选择路由和Pinia后进入目录、npm install安装依赖,最后npm run dev启动开发服务器。
☞☞☞AI 智能聊天, 问答助手, AI 智能搜索, 多模态理解力帮你轻松跨越从0到1的创作门槛☜☜☜

要在Cursor中快速初始化一个可运行的Vue 3项目,你不需要先装Vue CLI或全局依赖,只需确保本地已安装Node.js(≥18.x)和npm(≥9.x),然后在Cursor集成终端中执行标准脚手架命令即可启动项目创建流程。
确认开发环境是否就绪
打开Cursor → 按 Ctrl + `(反引号)唤出集成终端 → 输入以下两条命令:
node -v
npm -v
若均输出版本号(如 v18.20.2 和 9.8.1),说明环境满足要求;【若任一命令报错“command not found”】,需先前往 nodejs.org 下载并安装最新LTS版Node.js,安装过程会自动包含npm。
立即学习“前端免费学习笔记(深入)”;
用 create-vue 创建项目
这是Vue官方当前唯一推荐的初始化方式,基于Vite,交互清晰、模板现代、无冗余配置。
在终端中执行:
npm create vue@latest
命令会自动下载并运行 create-vue 脚手架。接下来会出现交互式提问:
✔ Project name: …(输入项目文件夹名,例如 my-vue-app)
✔ Add TypeScript? … No(初学者选No,避免语法干扰)
✔ Add JSX Support? … No
✔ Add Vue Router for Single Page Application development? … Yes(路由是多数项目的刚需)
✔ Add Pinia for state management? … Yes(状态管理后续扩展性强)
✔ Add Vitest for Unit Testing? … No(暂不引入测试复杂度)
✔ Add ESLint for code quality? … No(起步阶段优先跑通逻辑)
✔ Add Prettier for code formatting? … No
全部选择完毕后回车,脚手架将自动生成项目结构到当前目录下的指定文件夹中。
进入项目并安装依赖
第一步:切换到新生成的项目目录
cd my-vue-app
第二步:安装依赖包
npm install
这一步会读取 package.json 中的 dependencies 列表,从 npm registry 下载所有必要模块到 node_modules 目录。【首次执行需稳定网络,耗时约1–3分钟】,期间终端会显示进度条与包解析日志,无需干预。
启动开发服务器
依赖安装完成后,直接运行:
npm run dev
Vite 会立即启动开发服务器,默认监听 http://localhost:5173。几秒内终端将输出欢迎信息,并自动在系统默认浏览器中打开该地址 —— 页面显示 “Congratulations! You’re running Vue 3 with Vite.” 即表示初始化成功。


















