VUE项目本地运行调试遇到问题，npm run,install 报错

IDE 随意选择，太多了，VSCode，webstorm，，，，，

一 ：安装node.js、npm、vue-cli。这三个东西教程挺多的，我这里就不详细说了，我之前开发的时候安装过，查看当前电脑上有没有安装，注意V的大小写

node -v    
npm -v
vue -V

二 ：删除拉取的Vue项目的node_modules，这是vue项目的依赖包，项目偏大的话不会上传，如果有的话就删掉

三：删除 package-lock.json ，这个东西跟版本挂钩，不删的话下载依赖会报错

四：进入到vue项目所在的目录下，使用cmd进入命令行窗口。

五：在终端清理一下node的缓存，如下：

npm cache clear --force

六：在项目的终端安装所有依赖，使用vue install 或 vue i 或者npm i 或者npm install 去重新安装项目需要的依赖

npm install

正常情况下应该是直接可以安装成功，我安装时出现了关于node-sass依赖安装不上的问题，这里是由于下载镜像的问题，解决方法如下：

#配置npm淘宝镜像
npm config set registry https://registry.npm.taobao.org
#在当前目录下进行node-sass 的数据源设置
npm config set sass_binary_site=https://npm.taobao.org/mirrors/node-sass

七：查看调试运行方式package.json ，如下图

///如果是serve  

npm run serve


如果调试方式是dev


npm run dev

  点击链接打开浏览器查看

八：遇到其它问题如图，可以看出是GIT 相关问题

 

最近申请了GPT账号通过了，于是问了问GPT

 

 

 

 

 

    如果还有问题：请将package.json中 调试字样下面的scripts标签内容替换如下内容即可，兼容性问题

"scripts": {
  "dev": "SET NODE_OPTIONS=--openssl-legacy-provider && vue-cli-service serve",
  "serve": "SET NODE_OPTIONS=--openssl-legacy-provider && vue-cli-service serve",
  "lint": "eslint --ext .js,.vue src",
  "build:prod": "SET NODE_OPTIONS=--openssl-legacy-provider && vue-cli-service build",
  "build:stage": "vue-cli-service build --mode staging",
  "preview": "node build/index.js --preview",
  "new": "plop",
  "svgo": "svgo -f src/icons/svg --config=src/icons/svgo.yml",
  "test:unit": "jest --clearCache && vue-cli-service test:unit",
  "test:ci": "npm run lint && npm run test:unit"
},

九：git 设置环境变量

 

 

十：总结自己遇到的问题

1 ：一开始就阴差阳错了，虽然安装了git ，但是没有全局安装，安装路径有中文，也没有配置git的环境变量path

2: 没有删除node_modules模块，以及package-lock.json文件

3：没有安装node 版本管理器 nvm 有的项目需要切换node版本

4：package.json 的有的是dev, 有的是serve 没有看清，里面的script标签没有加入兼容语句

最后：调试无问题后打包

npm run build 打包

祝大家npm run 一路有顺利！！！

参考博主如下：

如何运行从网上拉取的Vue项目？_拿到一个vue项目怎么运行_清萧。的博客-CSDN博客最近做Springboot+Vue的项目，从网上拉下来一个项目打算先看看成品效果，后台部署好之后，前端Vue的运行成了一个问题，所以总结一下。_拿到一个vue项目怎么运行https://blog.csdn.net/c_hanhan/article/details/127066509

如何将github上的Vue项目在本地运行起来？_如何启动github上的项目_Smomo^^的博客-CSDN博客如何运行git拉下来的vue项目，以及解决对应的错误_如何启动github上的项目https://blog.csdn.net/weixin_46608377/article/details/130031217

 解决 opensslErrorStack: [ ‘error:03000086:digital envelope routines::initialization error‘ ]错误_互联网全栈开发实战的博客-CSDN博客解决 opensslErrorStack: [ 'error:03000086:digital envelope routines::initialization error' ]错误https://blog.csdn.net/lvoelife/article/details/130487145