vue 安装 scss

安装scss (安装sass-loader node-sass 前者依赖于后者)

sass-loader：把 sass编译成css

node-sass：nodejs环境中将sass转css

npm install sass-loader --save-dev
npm install node-sass --sava-dev

安装指定版本：当由于版本过高报错时，可以指定要安装的版本

npm install sass-loader@7.3.1 --save-dev

# 或者
npm i sass-loader@7.3.1 -D
npm i node-sass@4.14.1 -D

node-sass与 node 版本不兼容时，如果node版本过高时，最好对node版本进行降级，升级node-sass可能有隐藏风险；如果sass版本过高，可以卸载sass，重新安装指定版本。

升级node问题指路：

记录nvm下node升级的问题_金乌Y的博客-CSDN博客

报错指路：Module build failed: TypeError: this.getOptions is not a function 安装node-Sass报错_金乌Y的博客-CSDN博客

版本对应关系如下图：

nodes-sass releases地址：https://github.com/sass/node-sass/releases
nodejs releases地址：以往的版本 | Node.js

# 降级 node
sudo rm -rf /usr/local/{bin/{node,npm},lib/node_modules/npm,lib/node,share/man/*/node.*}

# 卸载sass-loader
npm uninstall sass-loader

安装速度很慢时，可以尝试镜像安装

# 1. 安装cnmp
npm install -g cnpm --registry=https://registry.npm.taobao.org# 2. 执行cnpm install
cnpm i sass-loader@7.3.1 -D
cnpm 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. 管理镜像源# 3.1 安装nrmnpm install -g nrm# 3.2 查看镜像源列表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/
########## 3.3 切换镜像源nrm use taobao# 3.4 获取当前使用的镜像源npm get registry

vue 安装 scss相关推荐

创建uni-app项目及安装scss插件
uni-app在手,做啥都不愁 -什么是uni-app? 一个使用 Vue.js开发所有前端应用的框架,开发者编写一套代码,可发布到iOS.Android.Web(响应式).以及各种小程序(微信/支付 ...
Vue安装配置以及入门案例
Vue Vue简介 Vue (读音 /vjuː/,类似于 view) 是一套用于构建用户界面的渐进式框架.与其它大型框架不同的是,Vue 被设计为可以自底向上逐层应用.Vue 的核心库只关注视图层,不 ...
Vue安装依赖npm install时报错问题解决方法
一.用到的一些快捷键: a.打开cmd: win+R b.进入d盘:d: c.进入d盘某个文件夹:cd myVue d.退回上一级:cd.. 二.Vue安装工作: 1.vue的安装依赖于node. ...
Vue安装与IDE HBuilder安装（一分钟读懂）
Vue安装与IDE安装(一分钟读懂) 官网下载IDE HBuilder 解压该文件后,打开官网下载vue.js 创建demo文件夹,把vue.js放进这里面并且创建index.html文件然后把这 ...
Vue系列（2）：Vue 安装
前言:关于页面上的知识点,如有侵权,请看这里 . 关键词:小白.Vue 安装.Vue目录结构.Vue 构建页面流程 ? 初学者安装 vue 用什么好大家都知道,学 Vue 最好还是去官网学,官网写 ...
Vue安装element ui踩坑
在vue安装element ui 的过程中报了许多错误,慢慢踩坑,希望能帮到各位 1. 输入 vue add element 输入 y y zh-CN 如果报错 ERROR comman ...
vue安装及创建运行
vue安装及创建运行文章目录 vue安装及创建运行 vue下载 vue-devtools调试工具简单流程: vue下载 cnpm安装: 升级npm:cnpm install npm -g npm ...
vue 安装不上，报错，解决办法如下
vue 安装不上,报错,解决办法如下前言: vue安装问题就能难倒一拨人,还没等开发呢,就先退下了,看看解决办法,加速学习~~ 安装vue 安装命令 npm install -g @vue/cli ...
Vue安装过程及环境配置
Vue安装过程及环境配置本节内容服务于SpringBoot + Vue 搭建 JavaWeb 增删改查项目. 通过WIN+R输入CMD打开命令行(必须是以管理员身份运行),输入: npm confi ...

vue 安装 scss

vue 安装 scss相关推荐

最新文章

热门文章