如何在 VS Code 中打开并运行已有VUE项目
2026/9/11 9:46:04 网站建设 项目流程

一,打开项目

在 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
  1. 具体用什么命令,可以查看package.json文件中的"scripts"部分来确定。

七,访问项目:启动成功后,终端会显示访问地址

八,报错信息处理

这个错误信息的意思是:Windows 系统禁止执行 PowerShell 脚本,导致 npm 命令无法运行。
简单来说,Windows 为了安全,默认禁用了执行脚本的权限。当你尝试在 PowerShell 终端里运行 npm install 时,因为 npm 是一个脚本文件 (npm.ps1),系统就阻止了它。

解决方法:

1. 以管理员身份打开 PowerShell:在 Windows 搜索框输入 PowerShell,右键点击它,选择 “以管理员身份运行”。
2. 执行命令:在打开的窗口中输入以下命令并回车:

Set-ExecutionPolicy RemoteSigned
  1. 确认更改:系统会询问是否要更改执行策略,输入Y并回车确认。

需要专业的网站建设服务?

联系我们获取免费的网站建设咨询和方案报价,让我们帮助您实现业务目标

立即咨询