新机前端环境开荒

博主换工作,新公司给配了新电脑,不得不说,每次重新安装环境犹如搬家一般即麻烦又心累,在这写一下要安装的东西。

 

先下载NVM,NVM是node的爸爸,npm的爷爷,NVM用来管理node版本,有的公司不同的项目依赖的node版本不一样,便用NVM管理,即便只有一个版本的node,用NVM管一下也无伤大雅。

  • nvm的安装地址:https://github.com/coreybutler/nvm-windows/releases
    • nvm-noinstall.zip:绿色免安装版,但使用时需要进行配置。

    • nvm-setup.zip : 安装版,无需配置

  nvm安装后,在cmd中输入nvm -v 查看是否安装成功

  注:如果node安在了nvm之前,记得先把之前的node彻底删除,相关操作搜别的博客就行。

  • nvm常用命令
    • nvm install 14.17.5 下载node指定版本
    • nvm use 14.17.5 使用node指定版本
    • nvm list 查看下载的版本列表

  node安装成功后在cmd中输入 node -v 验证是否安装成功

  此时,npm已经可以开始用了,若是npm下载包过慢,可在settings文件(C:\Users\${useName}\AppData\Roaming\nvm\settings,nvm的安装目录)中加入下面两行代码并保存。

    node_mirror: http://npm.taobao.org/mirrors/node/
    npm_mirror: http://npm.taobao.org/mirrors/npm/

  注:win11的cmd分了普通cmd和管理员cmd,若是提醒无权限的下载的话记得切换成管理员用的cmd,就是以管理员身份运行cmd。

 

安完node,剩下的就相对容易一些了,安装git vscode chrome ,安装过程并没有难度。

坑一般在后面

git 下载后如果不想次次git操作都输入账号密码,记得生成一下sshkey。

git clone 报超时错误,先在命令行里输入 ping gitlab.com 看看是不是本地的问题

  如果是,去hosts("C:\Windows\System32\drivers\etc\hosts")里进行网络映射,添加 ip地址 github.com

 

 

 

  这里会涉及win11的操作权限问题,win11用户可运行管理员cdm,进入对应目录,notepad hosts,编辑保存即可,再次尝试 ping gitlab.com

项目clone下来就是项目依赖环境的安装,npm i 。

几乎node-sass次次都会出错,每次出的错还不一样,到时候对症下药查看各类csdn吧。

博主这遇见的问题是无python环境,因为node-sass依赖python环境运行,于是又去python官网下了python,配置了path,这才下成功,最后跑通项目。

 

 

 
posted @ 2022-03-31 21:25  pumpkz  阅读(116)  评论(0)    收藏  举报