首页IT科技vscode前端配置(前端学习之一——关于第一次使用VSCode打开前端代码并启动问题)

vscode前端配置(前端学习之一——关于第一次使用VSCode打开前端代码并启动问题)

时间2025-07-18 02:06:04分类IT科技浏览4658
导读:二、打开VSCode,通过git拉取代码,运行代码...

二、打开VSCode,通过git拉取代码,运行代码

1、打开VSCode

建议右击,通过管理员身份打开,因为后面启动前端代码的时候,npm需要权限才能下载依赖。

2、通过git拉取代码

先【ctrl+`】打开终端(那一个小点就是键盘左上角的那个点);或者其他方法都行,打开就行。

然后在终端处,先进入到你想存放前端代码的文件夹下(指令百度)

再输入git clone https://gitee.com/y_project/RuoYi-Vue.git(这一串地址是根据GitHub上来的,具体如下)

3、运行代码

然后等拉取完毕,通过VSCode的【文件】——【打开文件夹】——选择想要的文件(前端代码所在的文件夹)

接下来,以若依的代码为例:

①他前端代码在ruoyi-ui里面,所以cd进入

②分别执行npm install;npm run dev。然后等待就可以了。

注意:在执行npm install的过程中,有可能出现【npm : 无法将“npm”项识别为 cmdlet、函数、脚本文件或可运行程序的名称。请检查名称的拼写,如果包括路径,请确保路径正确,然后再试一次。】的错误,这个错误的原因有两种:一种就是没有权限,需要通过管理员身份打开VSCode;另一种就是环境变量配置出问题,检查、重新配置一下环境变量就好了。

声明:本站所有文章,如无特殊说明或标注,均为本站原创发布。任何个人或组织,在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。

创心域SEO版权声明:以上内容作者已申请原创保护,未经允许不得转载,侵权必究!授权事宜、对本内容有异议或投诉,敬请联系网站管理员,我们将尽快回复您,谢谢合作!

展开全文READ MORE
seo网站优化技术(提升网站排名,SEO官网优化详细方法)