Imac环境安装sublime以及sass自动编译


Sublime编辑器写代码很爽,非常顺畅,现在讲一下sass插件的安装和保存自动编译。

第一步:安装Ruby,Sass依赖于ruby,所以必须安装ruby,我们在终端输入ruby -v 发现已经安装了。

原来是Imac自带ruby,那就不需要安装了,如果是windows系统请下载安装RUBY

第二步、安装sublime软件 点此下载,并安装好。

第三步:先安装个中文吧

默认情况插件管理器是没有安装的,我们点击“tools -> install packging control”, 然后就会顿一下就安装好了,注意左下角的状态栏。

然后点击左上角sublimetext -> Preferences -> Packge control

将会弹出如下窗口:输入install, 并选择第一个

接下来的窗口就是安装各种插件的位置,我们输入chinese,默认第一个就是语言包,安装它,软件界面自动变成简体中文版。

重启软件,它会变了位置如下:

我们依次安装sass和sass build,注意是一次安装一个,重复以上步骤即可

第四步、看似已经安装完了,测试下,新建一个 文件.scss, 里面写一些sass代码,写完保存,按control+B 编译,出错。

在网上也看到别人安装SassOnSaveBuild。 但是我依然报同样的错误。

这里不知道怎么处理了。

最简单的方案就是安装一个Koala编辑软件,下载地址:http://koala-app.com/index-zh.html

安装完之后添加你的工作目录后就可以了,sass文件会自动编译成css在同级目录。

[记录]Windows Server 2012 R2系统更新失败无法重启的解决方案

一次在运维公司内部服务器时候,重启过程中提示“更新并重启”手欠点了下,后来系统再也无法启动,陷入了“您的系统遇到错误需要重启…

日期:2023-11-13

破除windows server 2012 局域网远程桌面120天限制

“由于没有远程桌面授权服务器可以提供许可证,远程会话被中断”,或者提示“您的免费授权期限还剩20天”这样的描述。…

日期:2023-09-22

使用Mac系统里自带的php apache搭建php开发环境

1. 查看自带的php版本,在终端输入命令: php -v WendeiMac:lockin wenzhang$ php -v PHP 7.1.33 (cli)…

日期:2023-09-13

新买的笔记本Win11系统如何跳过联网登录使用本地登录

记得win11之前的系统一开始安装激活的时候,有需要联网激活,但是也有一个“我没有internet”或者使用“本地登录选项&…

日期:2023-07-26

Wordpress显示数据库的查询次数和时间

第一、在主题的funtions.php里添加如下代码,然后通过前台查看源代码查看页面的数据库查询次数和时间 //显示数据库查询次数、查询时间及内存占用的代码 f…

日期:2023-07-05

Imac环境安装sublime以及sass自动编译

Sublime编辑器写代码很爽,非常顺畅,现在讲一下sass插件的安装和保存自动编译。 第一步:安装Ruby,Sass依赖于ruby,所以必须安装ruby,我们…

日期:2023-05-16

模板里使用php判断手机还是pc分别写代码

phpok有个很好的功能是可以为pc或者mobile制作不同的模板,程序会自动判断调用,这样在不同的终端会呈现2套完全不同的布局。 这种情况对于做PC和手机端布…

日期:2022-05-28