webstorm中使用sass

最近由原来的sublime转为使用webstorm,用的不是很熟。我们在webstorm中使用sass

1.首先sass是基于ruby的。这个时候我们需要安装ruby。

2.安装成功后。我们需要去掉原有的镜像。通过命令行

1.

gem sources –r http://rubygems.org/

gem sources –a http://ruby.taobao.org/

gem sources –l

如果展示出来的是淘宝镜像的地址那么久成功了。

但是听说淘宝已经不维护了。(本人只是听说)很多情况下都是不成功的。这个时候我们就需要将镜像地址改为

gem source -a https://gems.ruby-china.org

更改成功后,我们就可以正常的安装sass了。

安装好之后一切都变的简单了。

完成这两部就可以了。less也是同样的道理。

时间: 2024-11-07 03:07:50

webstorm中使用sass的相关文章

轻松学习Ionic (三) 安装sass并在webstorm中为scss添加watcher

1. 安装Ruby 最新为 2.1.5版本,不放心的话安装 Ruby 1.9.3-p551 安装过程中注意勾选上第二项!即将Ruby加入到可执行的环境变量中去. 安装结束后在命令行中运行 ruby -v 能看到对应的版本则说明安装正确. 2.通过Ruby安装Sass 启动Ruby中的"Start Command Prompt with Ruby" 在命令行中输入: gem sources --remove https://rubygems.org/ gem source -a http

sass在webstorm中的是用及配置

我的环境:win7-64bit webstorm9 webstorm安装sass插件 使webstorm自动编译sass文件: 打开设置窗口->file Watchers->右边的绿色加号->scss 点击ok即可完成scss文件的时时编译. 进一步配置1: 时时生成css和css.map文件 在'Arguments':--no-cache --update $FileName$:$FileNameWithoutExtension$.css中添加 --sourcemap --watch

webstorm下的sass自动编译和移动端自适应实践

http://www.fawwheel.com/shahramLu/p/6477731.html webstorm下的sass自动编译和移动端自适应实践 1.安装Ruby 2.安装sass 3.webstorm配置file watcher 4.移动端自适应 1.安装Ruby 安装Ruby,有多种方式,打开官网下载 因为,使用的是window选择RubyInstall,下载地址 RubyInstall下载地址 选择对应系统的版本,下载完成,安装 添加到path,建议勾上,安装完成后,打开开始面板,

WebStorm中SVN配置

近期在使用WebStorm进行网页开发,值得一提的是WebStorm的确是一个不错的IDE,尽管可能内存开销较大,但是在编写JS的时候提供了很多包括自动完成等强大的功能. 好了,步入正题:在实际项目开发中如何搭建SVN版本控制工具进行团队合作开发呢? 第一步:首先下载安装SVN服务器VisualSVN:附下载链接. 第二步:安装SVN命令行工具SlikSvn:附下载链接. 第三步:在WebStorm中设置命令行程序路径,我的SlikSvn安装路径在:D:\Program Files\SlikSv

如何在WebStorm中设置mongo

在webstorm中安装mongo的步骤 打开webstorm,输入ctrl+shift+A ->plugins->mongo->install,安装完成后,settings->other settings->mongo servers->打开终端,输入 which mongo 回车后复制路径,将路径复制到mongo servers那个界面->点击test->点击右边的' + ' ->在label里面起名,随便起 ->ok 结束,然后就可以在we

sublimeText3 中配置sass环境,并将编译后文件保存到指定文件夹

sass基于ruby引擎,所以安装时ass.compass之前需要安装ruby.具体的链接应该是(http://rubyinstaller.org/downloads).下载并安装相应的版本,勾选第二项(要在cmd中使用ruby). 打开命令行,输入ruby -v,查看我们安装的ruby版本信息. ruby安装完成之后,打开ruby的command面板,接下来就是安装sass了.Windows下安装sass有多种方法,这里说一下其中的两种: 1.到 Rubygems(http://rubygem

关于nodeJS 在webstorm中的服务器配置

配置node环境,基本都是用的express框架去构建, webstorm 中内置了express  node 的工程脚手架 localtion 配置好你项目的地址路径. 这个时候webstorm会把服务器,和项目常用目录结构都给你生成好. www.这个文件里配置好你服务器的端口号.3300 在这个onlistening中主要是你项目启动后再后台所提示出来的文字,手动添加一句start,  更明确的看到项目成功启动. 最后点击webstorm右上角的debug图标..红框中是你的服务器名称和de

webstorm中添加使用git

1.pc中先安装git 2.在webstorm中选择VCS -> Checkout from Version Control -> Git Git Repository URL:  [git 路径] Parent Directory:      [本地要存放地址的父目录] Directory Name:       [项目名称] 3.在webstorm中添加git.exe配置,如图: 4.vcs->git->remotes中添加git url路径 5.VCS 选择 -> En

WebStorm中Node.js项目配置教程——项目设置

上一章讲解了Node.js项目在WebStorm中的两种创建方式,当完成Node.js项目创建以后,剩下的就是涉及配置设置工作. 为了确保Node.js全局和Node.js核心模块的代码完成功能,打开Settings|Languages & Frameworks | JavaScript|Libraries进行设置: 值得注意的是:WebStorm将建议创建一个Node.js依赖的JavaScript库,并添加到列表用于代码完成.语法突出显示.导航和文档查找等. 对于Express框架,可以直接