前端小白一文搞定前端npm开发环境配置和解决依赖失败

1,727 阅读1分钟

npm环境安装

下载:nodejs.cn/download/

  • 1、前端使用开发工具vscode
  • 2、安装前端开发node环境
  • 3、npm install 安装依赖一直失败 最后解决方法:
  • Set-ExecutionPolicy RemoteSigned -Scope Process
  • 删除 C:\Users\Administrator\AppData\Roaming 路径下的 npm和npm-cache2个文件夹
  • 或使用命令:npm cache clean --force

常用npm命令

install dependencies

npm install

serve with hot reload at localhost:8081

npm run dev 或者 npm run serve

build for production with minification

npm run build

多版本npm共用

  • 1、下载nvm
  • github.com/coreybutler…
  • 2、执行nvm-setup.exe完成安装
  • 3、命令查找得到最新的nodejs版本:nvm list available
  • 4、安装项目中所需要的nodejs版本:例如:nvm install 20.5.0
  • 5、切换node.js版本:nvm use 版本号
  • 6、其他nvm命令:
  • nvm list查看本机所有已安装版本;
  • nvm uninstall 版本号 删除指定node版本

nrm地址管理源

//nrm安装
npm install -g nrm
//查看可选源,星号代表当前使用源
nrm ls
//切换为taobao源
nrm use taobao
执行命令 npm install -g cnpm --registry=http://registry.npm.taobao.org 安装设置国内淘宝的npm镜像
cnpm -v 检查是否安装成功
cnpm install 最后安装成功 !

常见问题

1、解决 cnpm : 无法加载文件 C:\Users\hp\AppData\Roaming\npm\cnpm.ps1,因为在此系统上禁止运行脚本。 解决方式:

  • 1.在系统中搜索框 输入 Windos PowerShell
  • 2.点击“管理员身份运行”
  • 3.输入“ set-ExecutionPolicy RemoteSigned”回车
  • 4.根据提示,输入A,回车
  • 5.再次回到cnpm -v执行成功。

2、如果在执行npm install 非常缓慢

可以试着更换镜像

npm install -g cnpm --registry=registry.npm.taobao.org