一,打开项目
在 VS Code 中,点击 文件(File) → 打开文件夹(Open Folder)...,选择你的 Vue 项目根目录。
二,切换到当前项目对应的开发分支
三,打开终端:在 VS Code 顶部菜单栏点击 终端 → 新建终端,或者使用快捷键
Windows/Linux:Ctrl + ` Mac:Cmd + `四,确认当前项目的 Node.js 版本要求
推荐使用 nvm(Node Version Manager)切换到对应版本。nvm 能够便捷地在不同 Node.js 版本间自由切换,有效解决因版本不一致导致的兼容性问题。具体安装及使用方法,可参考本人编写的《Node.js 与 npm 极简安装教程》。
node -v #返回当前的版本号信息五,首次启动项目或 node_modules 目录缺失时,需执行依赖安装。如安装过程报错,请参考下文“报错信息处理”章节,按指引逐一排查
npm install六、启动项目
vu2项目启动命令
npm run serve对于 Vue 3 项目,也可能是:
npm run dev具体用什么命令,可以查看
package.json文件中的"scripts"部分来确定。
七,访问项目:启动成功后,终端会显示访问地址
八,报错信息处理
这个错误信息的意思是:Windows 系统禁止执行 PowerShell 脚本,导致 npm 命令无法运行。
简单来说,Windows 为了安全,默认禁用了执行脚本的权限。当你尝试在 PowerShell 终端里运行 npm install 时,因为 npm 是一个脚本文件 (npm.ps1),系统就阻止了它。
解决方法:
1. 以管理员身份打开 PowerShell:在 Windows 搜索框输入 PowerShell,右键点击它,选择 “以管理员身份运行”。
2. 执行命令:在打开的窗口中输入以下命令并回车:
Set-ExecutionPolicy RemoteSigned确认更改:系统会询问是否要更改执行策略,输入
Y并回车确认。