在Netscape和Internet Explorer 6时代,大多数Web开发人员仅以纯HTML,CSS和JavaScript编写Web文档。 如今,我们拥有大量实用工具,可以使用LESS,Sass,CoffeeScript和Jade来更高效地编写这三种Web语言。
我们可以用这些新语言编写代码,然后以标准格式进行编译。 编译器在Terminal中进行,并通过命令行完成。 las,并非所有人都对使用命令行感到满意。 可能会很麻烦。 让我们看看Koala App ,该应用程序使我们可以通过漂亮的GUI对其进行编译。
入门
Koala是一个免费的跨平台应用程序。 因此,无论您使用什么操作系统(OS),都可以使用它。 它可用于Windows,OS X,Ubuntu和其他Linux发行版。 相应地下载安装程序包; Windows的.exe
,OSX的.dmg
,Ubuntu的.deb
和Linux的.tar.gz
。 按照操作系统的安装说明进行操作,然后启动应用程序。
故障排除
但是,如果您使用的是Ubuntu 13.04或13.10,则可能会遇到无法启动和运行应用程序的问题。 它只是突然关闭。
要解决此问题,您可以执行以下操作:
1. 从此页面下载Udev库 ; 如果您使用的是64位Ubuntu,则适用于32位体系结构的Ubuntu的libudev0_i386或libudev0_amd64。
2.启动您刚刚下载的.deb
软件包。 它将在Ubuntu Software Center中打开.deb
。 单击安装按钮。
启动终端,并使用以下命令行键入导航至/usr/lib
目录:
cd /usr/lib
对于Ubuntu 64位,请键入以下命令:
cd /usr/lib64
最后,键入此命令。
sudo ln -s libudev.so.1 libudev.so.0
您现在应该可以运行Koala App了。
使用考拉
在撰写本文时,Koala App支持以下语言: LESS , Sass , Compass和CoffeeScipt 。 假设您已经创建了一个包含项目文件的文件夹,其中包括上述语言之一,则可以将该文件夹拖放到窗口应用程序中,以将其添加为“ Koala项目”。 它将列出受支持的文件,如下所示:
项目设定
在“项目设置”中,我们可以自定义文件输出。 单击应用程序窗口侧栏中的齿轮图标。 如图所示,这将打开一个覆盖对话框。 在框的左侧,您可以看到许多用于自定义应用程序的菜单或面板,以及支持它的每种语言的菜单。
例如,让我们导航到“LESS”面板。 其中有许多选项,如下所示:
Source Map:选择此选项可启用Source Map,以方便调试。 当我们在浏览器中检查元素时,它引用的是生成CSS,而不是原始的源文件。 在启用源地图,浏览器将能够参考CSS-预处理文件-.sass
或.less
-以及其中生成CSS的实际线路。行注释:选择它以在输出中打印CSS注释,显示生成CSS的源代码行。调试信息:启用它可以显示发生的错误。严格数学:如果启用了此功能,则必须在括号中包含LESS中的每个数学运算,以确保运算输出的准确性。严格单位:启用此选项后,数学运算中的每个单位应相等。(10em/2px)
,例如,将作为错误返回。输出样式:输出样式有两个选项:“正常”和“压缩”。 在开发过程中,最好将其设置为Normal以便于调试。 如果您要启动网站,请将其设置为Compress以使输出文件的大小变小。
每个项目的设置
先前的设置适用于所有注册的项目。 我们还可以通过以下方式针对每个项目自定义设置:
右键单击项目文件夹。 导航到“项目设置”>“新设置”。
有很多选择。 选择“默认”,“用于LESS”和“用于CoffeeScript”将创建项目配置文件koala-config.json
而选择“用于Sass”或“用于Compass”将创建config.rb
,即Sass和Compass配置文件。
这些文件保存在项目根目录中,我们需要在代码编辑器中对其进行编辑以自定义项目设置。 如果要更改LESS输出文件夹,请参见以下示例。
"mappings": [{"src": "build/less","dest": "assets/css"}],
config.rb
是一个用于自定义Sass和Compass的Ruby文件。 我们已经在之前的系列文章中讨论了它们以及配置: 在Sass中使用Compass 。 您可以阅读它以详细了解config.rb
。
最终思想
Koala应用程序具有重要功能。 有了它,您就不必通过命令行来安装和配置CSS-Preprocessors和CoffeeScript的障碍。 我希望开发人员将包括更多其他语言(例如Haml , Jade和Stylus)的编译器,并为每个项目设置创建GUI。 但是,对于只使用LESS,Sass和CoffeScript的用户来说,Koala App是一款体面而高效的应用程序。
翻译自: /blog/koala-application/
如果觉得《java koala_Koala应用程序:用于现代Web开发的跨平台应用程序》对你有帮助,请点赞、收藏,并留下你的观点哦!