Sass环境安装-Sass sublime 编辑器插件编译方法
首先官网(http://www.ruby-lang.org/en/downloads/)下载 ruby
(1)打开链接进入到下载页面,点击如下位置进行下载
(2)下载页面
(3)进入到各个版本的列表页
安装 sass
(1)在开始菜单输入“start”会出现“Start Command Prompt with Ruby”,鼠标点击 “Start Command Prompt with Ruby” 运行
在这个命令行窗口中,输入“ruby -v”,会出现 ruby 的版本号,则证明 ruby安装成功
紧接着输入“gem -v”会出现 gem 的版本号,则证明 gem 安装成功
在上述窗口中继续输入“gem install sass”
在上述窗口中输入“sass -v”检测 sass 是否安装成功,出现 sass 版本号,则表示 sass安装成功
到此,sass 的环境安装完成,sass 安装完成
下面开始安装 sublime 插件
(1)打开 sublime 编辑器,查看是否有“package control”
(2)如果没有,则需要先安装“package control”,“package control”安装步骤如下:
①首先,在浏览器的地址栏输入 https://packagecontrol.io/installation
②打开 sublime 编辑器,按下快捷键 ctrl 和~
在弹出的输入框中,输入下面这段代码等待安装完成
③安装完成后,在 sublime 编辑器中,按下快捷键 ctrl 和 shift 和 p(备注:编辑器左下角会显示是否安装完)
如果 Package control 安装不了插件
1、如图,找到如下图的文件,打开
2、输入红框中的配置信息
"channels":
[
"http://cst.stu.126.net/u/json/cms/channel_v3.json"
],
3、配置完毕,重新启动 sublime 编辑器,即可正常安装 sublime 插件
接下来快捷键ctrl+shift+p 输入inp
然后,在弹出的输入框中,输入 sass,选中 Sass 回车,进行安装
安装完成后,重新按下快捷键 ctrl 和 shift 和 p,调出 package control
安装完成后,在弹出的输入框中,输入 sass,选中 SASS Build 回车,等待安装完成
安装完成后,在 sublime 编辑器上可以看到如下的菜单,如图进行选择
3、编译 sass
(1)新建一个以英文命名的文件夹(中文的编译的时候容易报错),格式如下:
(2)在 sass 文件夹新建一个 sass 文件,文件以 .scss 为后缀,即:
(3)在 sass 文件中书写代码,然后进行如图操作
自动保存,使用ctrl+s保存scss文件时,自动生成css文件
输入inp
选择SublimeOnSaveBuild插件安装
最新文章
- js判断是否是移动设备登陆网页
- selenium-webdriver(python) (十三) -- cookie处理
- UIWebView中Html中用JS调用OC方法及OC执行JS代码
- /etc/passwd和/etc/shadow
- 利用Java实现表达式二叉树
- arcsde service(esri_sde)服务启动后又停止
- 申请Android Map 的API Key(v2)的最新申请方式(SHA1密钥)
- 利用opencv中的级联分类器进行人脸检測-opencv学习(1)
- shell死循环脚本示例
- java基础知识—抽象和封装
- 8. springboot logback 日志整合
- OO第一单元三次作业总结
- JS数组冒泡排序&;去重
- ios 数组打乱顺序
- [原][osg][QT]osg与QT界面结合的简单例子二
- linux一切皆文件之块设备文件(四)
- 《剑指offer》— JavaScript(26)二叉搜索树与双向链表
- 推荐朋友 - LintCode
- 邮箱登录form表单样例
- Ansible常用模块使用
热门文章
- JS中map与forEach的区别
- Ubuntu 18.04下用户的创建、修改权限及删除用户的方法
- 今天第一天开通博客,随笔总结一下resultType(属性)和resultMap,collection和association,Statement和PreparedStatement各自的区别
- Docker Compose 模板文件 V2
- 2014.1.21 DNS大事故(dns原理、网络封锁原理)
- Vue生命周期和钩子函数及使用keeplive缓存页面不重新加载
- KMP算法Next()函数的一个应用
- Django 系列
- Centos 7 使用(Service iptables stop/start)关闭/打开防火墙 Failed to stop iptables.service: Unit iptables.service not loaded.
- Android中通过数组资源文件xml与适配器两种方式给ListView列表视图设置数据源