报错为 不能找到python2.7,记得曾经已经安装过python,结果npm install cnpm install npm install node-sass 各种不行,结果在cmd 输入python 显示为3.xxx 感觉是版本问题,所以卸载python,重新下载2.7的版本 在npm install  完美解决…

1.  安装node.js 官网下载:https://nodejs.org/en/  下载推荐版本: 2.  Npm安装慢,可以使用cnpm,安装淘宝镜像: npm install -g cnpm --registry=https://registry.npm.taobao.org 3. 全局安装 Taro 开发工具 @tarojs/cli cnpm install -g @tarojs/cli 4.  进入项目目录,使用命令创建模板项目 taro init myApp 根据提示选择自己需要的安…

一 搭建环境 首先安装ruby环境,不然会编译失败,在这里下载ruby ,安装的时候选择第二项 在cmd中输入gem -v 显示版本号说明ruby安装成功 待ruby安装成功后,在cmd中输入 gem install sass  来安装sass,如图 如果sass安装失败需要设置淘宝镜像 gem sources --remove https://rubygems.org/ gem sources -a https://ruby.taobao.org/ 二 在sublime中安装插件 1)在sub…

1.安装. 安装ruby :http://rubyinstaller.org/downloads 创建项目:在f盘创建一个名为sass的文件夹 ruby命令行:f: ruby命令行:cd sass ruby命令行:gem install sass ruby命令行:gem update sass   更新 ruby命令行:gem uninstall sass 卸载 ruby命令行:sass -v 版本检查 2.ruby编译初尝试: test.scss $body-color:#FF6000; bo…

第一步:下载ruby http://www.ruby-lang.org/zh_cn/downloads/ 第二步:安装ruby http://www.ruby-lang.org/zh_cn/documentation/installation/ 第三步:使用Homebrew作为包管理器 http://brew.sh/ 安装完ruby开始安装sass: http://www.ruanyifeng.com/blog/2012/06/sass.html 安装完以后就开始监听,就是随时改变了scss文件…

Ruby安装Scss 引言 已经许久不写HTML了,今天有点以前的东西要改.但是刚装的Windows10,已经没有以前的Web开发环境了.只好重新安装. 结果Webstorm装好后配置Scss出现错误. Ruby官网和淘宝镜像均连接不上,我用的也是https.但是试了不知道多少次才安装成一次.(万恶的墙) 尝试把原来安装后的scss相关的文本拷贝进去(当初就知道有连接不上这么一天), 还是不行. 最后只有自己去GitHub上下Scss的源码 Tips 本文默认读者已经正确安装Ruby 使用Scs…

安装: 1.安装ruby 2.安装Koala,用于sass编译 3.gem install sass(mac电脑安装如果安装报错,一般是权限问题,没有权限安装到ruby下面,因此可以尝试sudo gem install sass) 4.在项目中新建文件夹sass,然后在sass内新建1.scss 5.在scss内编辑 $testcolor: #000; .test {color: $testcolor;} 6.编译 执行 sass 1.scss 1.css 就会生成1.css的文件 在线编辑:…

一 什么是sass      sass是一种css开发工具.提供了很多便利的写法,使得css开发变得简单  易维护       sass有两种后缀名文件:一种后缀名为sass,不使用大括号和分号:另一种就是我们这里使用的scss文件,这种和我们平时写的css文件格式差不多,使用大括号和分号,所以一般都是用第二种写法 二 官网      :http://sass-lang.com/documentation/file.SASS_REFERENCE.html      阮一峰博客(sass部分):h…

*:first-child { margin-top: 0 !important; } body>*:last-child { margin-bottom: 0 !important; } /* BLOCKS =============================================================================*/ p, blockquote, ul, ol, dl, table, pre { margin: 15px 0; } /* HEAD…

1.sass环境搭载: 安装ruby 安装sass 安装compass 配置webstorm 如果只是使用sass的话,就配置sass命名监听就好了 如图: sass目录如下: 如果配置了compass要监听compass命令,如图: compass目录如下: 2.基本语法: @import "compass/css3"; @import "compass/layout"; @import "compass/typography"; @impor…

好久没有重新安装node.js,昨天和小伙伴们一起安装,由于自己是在网上自行下载的node,安装地比较顺利,但另外两个小伙伴用的共享文件夹里自带的node,却是屡次碰到问题,快被逼疯,在运行Vue时总是出现这种提示错误. ERROR in Node Sass does not yet support your current environmen 在网上查了一堆解决方案,浪费了大量的时间后,终于找到了问题所在.正如图中提示的那样,是因为node sass不支持当前环境,百度之后才知道,node…

1.简介 sass 它的基本思想是,用一种专门的编程语言,进行网页样式设计,然后再编译成正常的CSS文件.这被叫做“css预处理器”(css preprocessor).它提供了很便利的语法,节省了我们写css的时间. 2.安装 (1)首先确保你的电脑安装了 ruby (传送门 https://www.ruby-lang.org/zh_cn/downloads/) // 控制台查看是否安装成功 ruby -v (2)安装 sass gem install sass 3.使用 (1)用编辑器 新建…

参考地址:http://www.imooc.com/learn/311 什么是css预处理器? CSS 预处理器定义了一种新的语言,其基本思想是,用一种专门的编程语言,为 CSS 增加了一些编程的特性,将 CSS 作为目标生成文件,然后开发者就只要使用这种语言进行编码工作. 通俗的说,“CSS 预处理器用一种专门的编程语言,进行 Web 页面样式设计,然后再编译成正常的 CSS 文件,以供项目使用.CSS 预处理器为 CSS 增加一些编程的特性,无需考虑浏览器的兼容性问题”,例如你可以在 CSS…

在Mac系统下,Ruby一般已内置在其中,如果您不能确认是否已安装,或者说你不知道你的Ruby使用的版本,你可以打开你的命令工具: $ ruby -v 安装sass 在大多数情况和大部分人群中,还是喜欢安装SASS的标准稳定版本,这样使用在项目中风险不会太大,其安装很简单: $ gem install sass 有的时候在Linux和OS X系统下,可能需要超级管理员权限才能安装: $ sudo gem install sass 安装完成后,可以通过下面的命令查看SASS是否安装成功: $ ge…

首先,学会使用sass: 1.先下载和安装node-sass和一些加载器 $ cnpm install sass-loader node-sass vue-style-loader --D 2.配置webpake加载器:webpack.base.config.js //从这一段上面是默认的!不用改!下面是没有的需要你手动添加,相当于是编译识别sass! { test: /\.scss$/, loaders: ["style", "css", "sass&q…

主要参考 http://www.jianshu.com/p/5bfc9411f58f -------------------------------------------- sass基于ruby 需ruby解释器 1. 安装ruby 下载地址 https://rubyinstaller.org/downloads/ 选一个合适的版本下载并安装即可.安装中勾选第二项: 检测是否安装成功 ruby -v 2.sass安装及使用 利用ruby的gem命令 ruby安装好后,打开开始菜单 ,有 sta…

用sass用了好久,期初看中的是他的嵌套功能,因为刚开始的时候是用jquery,电脑安装Ruby,全局安装sass,将scss编译为css,不得不说真的很方面,节点套节点,和html的很类似.但是后来用了vue等框架后,嵌套功能远远不能满足需求.做移动端,需要适配,当时抛弃了rem,使用vw,但是如果每个自己计算就很麻烦,当时想的是要是css可以像js那样,写一个函数转换,然后调用函数就好了.于是初识了sass的函数,此后还有变量什么的.最近花了点时间,将sass全看了一遍,做一下总结吧 以下是…

css 是一种编程语言,可以用来开发网页样式,但是却不能编程,没有变量,没有条件语句,于是就有了“css预处理器”, 它的原理就是:利用编程语言进行网页样式设计,然后再编译成正常的css文件: sass是用ruby语言写的,虽然没有什么语法关系,但是使用sass需要先安装ruby再安装sass 假如你已经安装了ruby,如果没有安装,请看这里ruby gem的安装步骤 一 安装sass: gem install sass 升级sass版本的命令行为  gem update sass   查看sa…

这里直接说了node sass不支持当前环境,所以可以直接删掉原来不支持本机的node sass,再重新安装就行了 删除: npm uninstall --save node-sass 安装: npm install --save node-sass 我当初用淘宝镜像安装依赖出现此问题,这时候用上面的方法可能会报错,所以用下面的方法 删除: cnpm uninstall --save node-sass 安装 cnpm install --save node-sass…

一.Sass安装 ruby安装 mac系统默认安装了ruby,可以直接跳过此步骤,linux和windows需要安装ruby环境. windows安装ruby环境: 到ruby官网下载自己系统适用的版本(我下的是2.1.7(x64)) 安装ruby,此步骤只需留意勾选Add Ruby executables to your PATH这个选项,它将添加环境变量,不然以后使用编译软件的时候会提示找不到ruby环境,影响Webstorm 自动编译. Sass安装(淘宝RubyGems镜像) 在开始菜单…

sass学习 Sass 可以通过以下三种方式使用:作为命令行工具:作为独立的 Ruby 模块 (Ruby module):或者作为 Rack-enabled 框架的插件(例如 Ruby on Rails 与 Merb). 1.安装 ruby安装 由于SASS是在Ruby环境下运行,所以首先需要在自己的电脑上安装Ruby. 1.在Mac系统下,Ruby一般已内置在其中,查看是否安装:ruby -v 2.在windows系统下,先到官网下载个ruby在安装的时候,请勾选Add Ruby execut…

我在运行renren-fast-vue前端项目时,安装完依赖cnpm install 启动服务npm run dev 出现问题. Module build failed: Error: Node Sass does not yet support your current environment: Windows 64-bit with Unsupported runtime (67) 我以为是我安装Node太高了(升了下级node-v13.9.0),我尝试卸载重新安装Node(v11.9.0)…

http://blog.csdn.net/oyuemijindu/article/details/51036096 --sass 安装 一安装  1.ruby下载,可以到官网下载 ,注意如果是系统如果是64位需要下载64位的 2.安装 要勾选,否则需要自己配置环境变量,如果忘记勾选,建议重新安装 3.检查安装是否成功, ruby -v 4.gem sources --remove https://rubygems.org/ 5.gem sources -a http://gems.ruby-ch…

Sass安装(windows版) 在 Windows 平台下安装 Ruby 需要先有 Ruby 安装包,大家可以到 Ruby 的官网(http://rubyinstaller.org/downloads)下载对应需要的 Ruby 版本. Ruby 安装文件下载好后,可以按应用软件安装步骤进行安装 Ruby.在安装过程中,个人建议将其安装在 C 盘下,在安装过程中选择第二个选项(不选中,就会出现编译时找不到Ruby环境的情况),如下图所示: Ruby 安装完成后,在开始菜单中找到新安装的 Ruby…

首先声明,本篇转自CSDN的LZGS_4. 今天我也遇到这个问题,就把文章擅自转载了,方便自己也方便更多的人吧. 因为sass和compass依赖于ruby环境,所以装之前先确认装了ruby.可到官网下载最新版ruby安装包http://rubyinstaller.org/downloads/. 在安装的时候,请勾选Add Ruby executables to your PATH这个选项,添加环境变量. ass和compass安装: 安装完ruby后,在开始菜单找到刚才我们安装的ruby,打开…

都说sass 环境难配其时也没那么难 按照以下步骤一下一下来还是挺快的 如果你是喜欢less 那就当我没说 233333 1.sass 是基于ruby这门语言的需要使用 rubygem这个包管理器安装  首先在这里装一下rubyinstaller 记得要把加入环境变量勾上 2.在桌面上按住shift 右键打开在此处打开 命令窗口进行  如果你在国外 可以直接用gem install sass 国内需要换源就像npm 使用淘宝镜像一样 gem source -a https://gems.ruby…

node在安装完成后,查看node版本 node -v出现"node不是内部或外部命令"郁闷. 各种搜索之后,处理好了问题了. 一张图解决问题.…

1.安装nodejs http://nodejs.org/download/  自动根据系统下载自己的版本node.js 2.环境变量 windows 安装,不需要配置环境变量   mac安装后,会提示你配置环境变量,需要配置环境变量(貌似)  命令  sudo vim /etc/paths   输入密码  然后将路径输入进去, 3.测试是否成功 控制台输入node -v 或者输入node 进去node模式然后输出console.log(1); 看看有反应没啊 4.配置工具 我喜欢用 Intel…

Windows平台下的node.js安装 直接去nodejs的官网http://nodejs.org/上下载nodejs安装程序,双击安装就可以了 测试安装是否成功: 在命令行输入 node –v 应该可以查看到当前安装的nodejs版本号 简单的例子写一段简短的代码,保存为helloworld.js,大致看下nodejs是怎么用的. 如下:该代码主要是创建一个http服务器. [javascript] view plaincopy var http = require("http")…

WINDOWS版本安装 nvm 是 Mac 下的 node 管理工具,有点类似管理 Ruby 的 rvm,如果是需要管理 Windows 下的 node,官方推荐是使用 nvmw 或 nvm-windows  nvm-windows 地址:  https://github.com/coreybutler/nvm-windows 下载软件后直接安装即可.     node安装 http://nodejs.cn/#download 地址下载zip格式的node压缩文件 放入到nvm的文件夹中   n…