vue项目安装scss

第一种方式：

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

vue项目安装scss相关推荐

Vue 项目安装 scss 以及报错的解决方法 --- Window10 系统和 Mac OS 系统
1. 安装sass依赖 npm install --save-dev sass-loader //sass-loader依赖于node-sass npm install --save-dev node ...
vue项目安装axios - cmd篇
vue项目的跨域请求问题, 首先,用 axios 比较好,现在是 vue2 官方推荐,vue-resource 已经不再维护了. . 参考文章1:axios可以解决跨域访问的问题吗? 注意: vue项 ...
vue项目安装引入css-loader - cmd篇
vue项目如何引入安装css-loader? 步骤如下: cmd指令: npm install --save-dev css-loader 以上就是关于" vue项目安装引入css-load ...
当启动vue项目安装依赖时报错
当启动vue项目安装依赖时报错暂时想到四个原因: 1. node版本低,升级到新版本 2. 执行npm cache clean,再重新npm install 3. 如果是下载依赖包失败的话,可以使用c ...
Vue项目安装依赖时 warning“unmet peer dependency“
项目场景: Vue项目安装依赖问题描述在安装依赖时,终端显示warning"unmet peer dependency" 原因分析: 如字面意思,sass-loader 13. ...
vue 项目安装 openlayer 加载高德地图
vue 项目安装 openlayer 今天呢,稍微说一下关于 vue 项目使用 openlayer 的一些操作,我也是刚开始学习,在摸索. 比较讨厌的一点就是他的官网说明文档啥的都是英文的,对英语不好 ...
vue项目安装使用 Ant Design 和 sass
一.vue项目安装并引入Ant Design npm install ant-design-vue -S // main.js 引入 import Antd from 'ant-design-vue' ...
第一次搭建vue项目--安装vue-cli、初始化项目
vue-cli === vue脚手架不用自己动手一点点搭,用npm安装vue-cli后,输入几个命令它就给你自动搭好 1. 使用npm全局安装vue-cli npm i -g vue-cli 2. ...
vue 项目安装（入门）
由于vue越来越受欢迎,终于还是决定开始学习vue了.在前端这个行业,如果你不抓紧学习前沿技术,那么你会恐惧的发现自己生活在远古时代. 哈哈,跑偏了,第一次接触vue,内心是激动的. 按我的习惯,先上 ...

vue项目安装scss

第一种方式：

第二种方式：

第三种方式

辅助模式

1、删除npm代理模式：

2、切换镜像源

3、管理镜像源

切换镜像源

获取当前使用的镜像源

强制登录npm

npm发布包

vue项目安装scss相关推荐

最新文章

热门文章