vue项目安装scss

原创已于 2022-04-23 15:44:11 修改 · 1w 阅读

13 ·

CC 4.0 BY-SA版权

文章标签：

#vue.js #scss #sass

于 2022-03-17 14:51:15 首次发布

本文介绍了三种npm安装和配置的解决办法，包括关闭https认证、修改.npmrc配置以使用国内镜像加速、安装cnpm及管理镜像源。通过这些方法可以解决npm安装失败的问题，提高下载速度，并确保不同版本的兼容性。同时，文章还提及了版本依赖关系的重要性以及npm发布的流程和注意事项。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

第一种方式：

关闭npm的https（取消npm的https认证），一次安装失败进行第二次安装，速度可能有点慢，但是不影响。

npm config set strict-ssl false

然后安装

npm i sass-loader@7.3.1 -D
npm i node-sass@4.14.1 -D

第二种方式：

npm的常规配置修改，降低版本实现兼容安装。

.npmrc配置
这里配置是为了加快下载依赖速度。

proxy=null
https-proxy=null
prefixD:\softtool\nodes\node_global=
prefix=D:\softtool\nodes\node_global
cache=D:\softtool\nodes\node_cache
#指定phantomjs下载地址
phantomjs_cdnurl=http://cnpmjs.org/downloads
#指定node-sass下载地址
sass_binary_site=https://npm.taobao.org/mirrors/node-sass/
#指定chromedriver下载地址
chromedriver_cdnurl=http://cdn.npm.taobao.org/dist/chromedriver
#镜像源
registry=https://registry.npm.taobao.org

命令

下载sass到依赖环境

npm i sass-loader@7.3.1 -D
npm i node-sass@4.14.1 -D

node和scss版本依赖关系
确定版本依赖关系，避免运行项目报错。

第三种方式

1、安装cnpm

npm install -g cnpm --registry=https://registry.npm.taobao.org

2、执行cnpm install

cnpm install

或者

npm i sass-loader@7.3.1 -D
npm i node-sass@4.14.1 -D

辅助模式

1、删除npm代理模式：

npm config delete proxy
npm config delete https-proxy

2、切换镜像源

全局切换镜像源：npm config set registry https://registry.npm.taobao.org
查看镜像源使用状态：npm get registry
全局切换官方镜像源：npm config set registry https://registry.npmjs.org

3、管理镜像源

下载nrm

npm install -g nrm

查看镜像源

nrm ls

* npm -------- https://registry.npmjs.org/
  yarn ------- https://registry.yarnpkg.com/
  cnpm ------- http://r.cnpmjs.org/
  taobao ----- https://registry.npm.taobao.org/
  nj --------- https://registry.nodejitsu.com/
  npmMirror -- https://skimdb.npmjs.com/registry/
  edunpm ----- http://registry.enpmjs.org/

切换镜像源

nrm use taobao

获取当前使用的镜像源

npm get registry

强制登录npm

npm login -d

npm发布包

先切换npm官方镜像源：npm config set registry https://registry.npmjs.org
再用npm login登录
修改项目packge.json的version版本号，一定要比之前的版本高才可以
再用npm publish发布包，一次发布不成功且提示（ This is a problem related to network connectivity.），继续npm publish发布第二次，第三次，还不成功，此时应该重启电脑，在重新npm publish发布版本，继续一到三次，如果还是不能发布成功则检查是不是其他问题。