vue项目安装scss_vue 安装scss

第一种方式：

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

npm config set strict-ssl false
1

然后安装

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

第二种方式：

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

1. .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
1
2
3
4
5
6
7
8
9
10
11
12
13

2. 命令

下载sass到依赖环境

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

1
2
3

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

第三种方式

1、安装cnpm

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

2、执行cnpm install

cnpm install
1

或者

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

辅助模式

1、删除npm代理模式：

npm config delete proxy
npm config delete https-proxy
1
2

2、切换镜像源

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

3、管理镜像源

1. 下载nrm

npm install -g nrm
1

2. 查看镜像源

nrm ls
1

* 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/
1
2
3
4
5
6
7

切换镜像源

nrm use taobao
1

获取当前使用的镜像源

npm get registry
1

强制登录npm

npm login -d
1

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发布版本，继续一到三次，如果还是不能发布成功则检查是不是其他问题。