如何在 VS Code 中打开并运行已有VUE项目

一打开项目在 VS Code 中点击 文件File → 打开文件夹(Open Folder)...选择你的 Vue 项目根目录。二切换到当前项目对应的开发分支三打开终端在 VS Code 顶部菜单栏点击 终端 → 新建终端或者使用快捷键Windows/LinuxCtrl MacCmd 四确认当前项目的 Node.js 版本要求推荐使用 nvmNode 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并回车确认。