sass安装:
根据实际操作的过程,总结以下步骤:(限window系统)
1、ruby安装(只管点击next即可)
因为sass依赖于ruby环境,所以装sass之前先确认装了ruby。先导官网下载个ruby
在安装的时候,请勾选Add Ruby executables to your PATH这个选项,添加环境变量,不然以后使用编译软件的时候会提示找不到ruby环境
2、安装完ruby之后,在开始菜单中,找到刚才我们安装的ruby,打开Start Command Prompt with Ruby
然后直接在命令行中输入
gem install sass
按回车键确认,等待一段时间就会提示你sass安装成功。最近因为墙的比较厉害,如果你没有安装成功,那么请参考下面的淘宝的RubyGems镜像安装sass,如果成功则忽略。
淘宝RubyGems镜像安装 sass
$ gem sources --remove https://rubygems.org/
$ gem sources -a https://ruby.taobao.org/ 【如果你系统不支持https,请将淘宝源更换成:gem sources -a http://gems.ruby-china.org】
$ gem sources -l
*** CURRENT SOURCES ***
https://ruby.taobao.org
# 请确保只有 ruby.taobao.org
$ gem install sass
如果上述方法不能正常安装的话,可以按下面来安装
到Ruby官网下载sass安装包
也可以用此链接下载解压:http://www.w3cplus.com/sassguide/sass-3.4.22.gem.zip
解压后的:
依然在打开的Start Command Prompt with Ruby
之后回车,sass安装成功。
不放心可以输入如下命令看下sass的版本号。
sass -v
相关推荐
本文将详细讲解如何在Windows操作系统(包括Win7和Win10)上安装Node.js,以及如何解决安装sass-loader和node-sass过程中可能遇到的问题。 首先,我们从【标题】和【描述】中了解到,这是一个关于在Win7 64位系统上...
7. **使用场景**:此文件常用于构建和部署Node.js项目,特别是那些需要Sass预处理功能的前端项目。 理解这些知识点对于进行Node.js开发,尤其是涉及性能优化和系统依赖的项目来说非常重要。熟悉这些概念可以帮助...
在Windows环境下,Node.js v16.14.0的安装非常简便,只需下载解压提供的"node-v16.14.0-win-x64"压缩包,然后将路径添加到系统环境变量,即可全局使用Node.js命令。在开发过程中,集成开发环境(IDE)如Visual ...
win7:首先按住Shift键,然后选择某文件夹后或在某文件夹中的空白处右键单击,快捷菜单中会多出“在此处打开命令窗口”,选择这个选项即可 Mac:安装 gotoshell 建立软链接 使用下面命令能避免每次在新项目开始前都...
Windows 10用户还可以选择安装预编译的Win10软件包,其中包括了图形界面的ganache,ganache是一个用于本地以太坊开发的个人区块链,可以用来测试和部署智能合约。 安装完Node.js后,需要通过npm(Node.js的包管理器...
1. **开始菜单**:Win10的开始菜单融合了传统Windows 7的菜单和Windows 8的磁贴设计,提供了一个可自定义的启动面板,用户可以在这里找到常用的应用程序和设置。 2. **任务视图**:任务视图允许用户快速切换和管理...
7. **构建工具**:如Grunt、Gulp或Webpack,用于自动化任务,如代码压缩、合并、预处理语言(如Sass或Babel)转换等。 8. **文档**:可能包含README文件,解释项目的安装、配置和使用方法,以及开发过程中的注意...
Babel 用于转换最新 JavaScript 特性,TypeScript 提供静态类型检查,PostCSS 可以处理 CSS 预处理器语言如 Sass 或 Less,以及添加浏览器前缀等功能。 了解了基本概念后,萌新可以通过创建简单的Webpack配置文件,...
1. Node Sass could not find a binding for your current environment: Windows 64-bit with Node.js 7.x:解决方法:npm rebuild node-sass 2. ERROR ...
7. `favicon.ico`:网站的图标,出现在浏览器地址栏和收藏夹中。 为了实现Win10风格,开发者可能使用了以下技术: - 使用CSS3的Flexbox或Grid布局,以实现灵活的网格系统和响应式设计。 - 利用Sass或Less预处理器...
1. **操作系统**:通常使用Windows操作系统,文中提及了win7作为示例。 2. **Node.js安装**:Node.js是许多开发工具的基础环境,需要从官方网站下载并安装,安装完成后,Node.js会自动配置相关的环境变量。 3. **...
sass-编译sass样式 构建-构建应用 build:win-与Windows OS相同 主要技术和图书馆 贡献 叉子! 创建功能分支: git checkout -b my-new-feature 提交更改: git commit -am 'Add some feature' 推送到分支: git ...
,nrm 包镜像地址管理, 安装可以更换淘宝的安装包地址()nrm 包链接管理nvm node 版本管理(git依赖) 下面会列出常用插件 , /sass文件编译方案git还有另外一个工具(在xp,win7上可用还是图形的哦,还有文章) 点我安装顺序...
VSCode-win32-x64-1.31.0.zip 是Visual Studio Code的一个Windows 64位版本的安装包,版本号为1.31.0。Visual Studio Code(简称VSCode)是由微软开发的一款免费且开源的代码编辑器,它支持多种编程语言,包括Vue、...
(win7,清辉,佳威) 前后基台。 (win7,清辉,佳威) 基于前端需求的后端工作。 (LY)具体插图如您所见,基本的前后代码都是编写的,但这只是LY的测试,不要因为该代码而编写代码,当然您可以将其视为参考。 每...
react16 + react-router4 + redux + webpack + yarn + sass + es6/es7 同时,用promise封装了jquery的ajax,公共模块和方法,接口也都封装在了util文件目录下 架构: 采用了前后端分离,分层化设计,模块化开发 ...
win10安装出现问题 ,npm更新到最新版本的语句:“npm install npm@latest -g”,清除npm缓存语句:“npm cache clean -f” 3.sublime text3 windwos系统hosts文件路径为:C:\Windows\System32\drivers\etc 修改...
7. **预处理器与后处理器**:Sass、Less和Stylus是常见的CSS预处理器,它们增加了变量、嵌套规则、函数等编程特性,提高代码组织性和可复用性。PostCSS是一个后处理器,它可以转换CSS,使其支持未来CSS特性,或添加...
同时,CSS预处理器如Sass或Less也可能被使用,它们提供了变量、嵌套规则和函数等功能,简化了CSS的编写和维护。 【文件结构】"MyNav-master"可能是一个GitHub仓库的名称,通常包含以下结构: 1. index.html:主HTML...
1. feWorkflow-wechat-app-win.7z - 这可能是Windows版本的工具,文件扩展名.7z表示它是使用7-Zip压缩软件打包的,7-Zip是一种流行的开源压缩工具,以其高压缩率和对多种格式的支持而闻名。feWorkflow可能是指该工具...