GitHub克隆别人的项目部署到IDEA运行的步骤
第一步:从Github上克隆项目
可以直接用URL也可以下载压缩包,这里我直接下载压缩包
![](https://i-blog.csdnimg.cn/blog_migrate/9a5019b46a8bc270fedc68fad6946962.png)
第二步:把下载好的压缩包另存到你想要的目录下,解压
![](https://i-blog.csdnimg.cn/blog_migrate/2e407c4f109e42001fa2141d2d9b4c58.png)
第三步:选择以管理员身份运行IDEA
![](https://i-blog.csdnimg.cn/blog_migrate/a00016ea10478119dda49cdbb70691ed.png)
第四步:在package.json文件里修改scripts:
"scripts": {
"serve": "set NODE_OPTIONS=--openssl-legacy-provider && vue-cli-service serve",
……
},
这里的“serve”也可能是“dev”,直接在“dev”后面修改即可。
如果少了这一步,直接install和run,可能出现的报错有:
①npm install 安装出错,无法安装依赖
②‘vite‘ 不是内部或外部命令,也不是可运行的程序 或批处理文件
第五步:找到vue的文件夹(包含.vue的那个文件夹,即为图中的views文件夹,一般是放在src目录下,即src→views)
![](https://i-blog.csdnimg.cn/blog_migrate/c7258e6bcd1922cde23185062e50d685.png)
第六步:点击IDEA左下角的Terminal打开控制台,用cd命令进入到views文件夹下
![](https://i-blog.csdnimg.cn/blog_migrate/a73ce51ba0d283314195d710f5e65bea.png)
第七步:执行命令npm install安装依赖,回车
![](https://i-blog.csdnimg.cn/blog_migrate/420fd7769a9ac7b750cf92426e29a471.png)
第八步:安装好依赖后,执行命令npm run serve(或者npm run dev)
![](https://i-blog.csdnimg.cn/blog_migrate/9ad2ba8004ebac21831d3110bdebed09.png)
看你package.json文件scripts里是server还是dev,前者npm run serve,后者npm run dev。
第九步:运行成功后会有一个本地的端口连接,点击它(因为我事先安装过依赖了,图片里就少了npm install那一步)
![](https://i-blog.csdnimg.cn/blog_migrate/9075efcd2799a705f6057b7396f35fef.png)
第十步:成功打开浏览器界面。
![](https://i-blog.csdnimg.cn/blog_migrate/5dc482151ec14539ba63b742099c1398.png)
XiYu266: 文件夹有中文整得我苦逼地重装
jsjnb123: 谢谢
六岁就长毛: 大佬,这是什么原理
落繁LFan: 为啥出现这种情况啊
正能量鲸鱼: 感谢大佬 搞一上午