好得很程序员自学网

<tfoot draggable='sEl'></tfoot>

Koala

Koala 介绍

koala是 一个 前端预处理器语言图形编译工具, 支持 Less、Sass、Compass、CoffeeScript,帮助web开发者更高效地使用它们进行开发。跨平台运行,完美兼容windows、linux、mac。

Less 等 代码 无法直接在浏览器中执行,最终还是需要编译成 css 或 js 。它们语法很棒,但是它们的编译方式却不够灵活。官方基本上都是只提供命令行的方式进行 文件 编译, less 还可以在 页面 中嵌入 一个 less.js 进行在线编译,但这种 方法 实在是不靠谱。所以大家都喜欢使用图形界面工具来进行编译工作,高效快捷。在 koala 开发之前已经有一些工具了,比如 winLess 、 simpless 等, 功能 都比较单一,且只 支持 less 。 还有一些同学折腾编辑器 sublime text 等,但目前还没有 一个 很完美的方案。还好,现在有了Koala。

koala 功能 特性:

多语言 支持 : 支持 Less、Sass、CoffeeScript 和 Compass Framework。

实时编译:监听 文件 ,当 文件 改变时 自动 执行编译,这一切都在 后台 运行,无需人工操作。

编译选项:可以设置各个语言的编译选项。

代码 压缩:Less & Sass 支持 编译后 自动 代码 压缩.

错误 提示 :在编译时如果遇到语法的 错误 ,koala将在右下角弹出 错误 信息,方便开发者定位 代码 错误 位置。

koala安装说明:

Sass编译 功能 需要系统已经安装好ruby。需要ruby环境 支持 ,下载ruby安装包程序。

koala如何使用:

第一步:把目录拖进窗口,或者点击 左上角 加号图标,选择需要编译的目录。 添加 后,右键目录元素 支持 更多操作。

第二步:在编辑器中编写 代码 。

第三步:完成! 文件 保存后,koala会在 后台 进行编译。

网站地址 : http://koala-app.com/index-zh.html

GitHub: https://github.com/oklai/koala

网站描述: LESS/Sass/Compass/CoffeeScript编译工具

Koala官方网站

官方网站: http://koala-app.com/index-zh.html

如果觉得 网站内容还不错,欢迎将 网站 推荐给程序员好友。

查看更多关于Koala的详细内容...

  阅读:34次

上一篇

下一篇

第1节:curl.js    第2节:jade    第3节:jspm-cli    第4节:angular-cli    第5节:lerna    第6节:duo.js    第7节:swc    第8节:WebJars    第9节:fetch    第10节:babel-plugin-preval    第11节:browserify    第12节:Lebab    第13节:bundle-buddy    第14节:esprima    第15节:FIS3    第16节:prerender-loader    第17节:Parcel    第18节:lit-html    第19节:Neutrino    第20节:walle    第21节:webpack    第22节:pug    第23节:bower    第24节:Snowpack    第25节:template.js    第26节:Forge    第27节:stylis.js    第28节:Liquid    第29节:npx    第30节:jss    第31节:component    第32节:faster.js    第33节:Juicer    第34节:Jiko    第35节:laytpl    第36节:CoffeeScript    第37节:ghcjs    第38节:critters    第39节:vue-loader    第40节:swig    第41节:Workerize    第42节:Bit    第43节:Acorn    第44节:hyperHTML    第45节:ESL    第46节:script.js    第47节:yarn    第48节:MobX    第49节:Vulcan    第50节:vue-cli    第51节:WeFlow    第52节:qiankun乾坤    第53节:elf    第54节:create-react-app    第55节:CNPM    第56节:codelyzer    第57节:electron-webpack    第58节:dot-dom    第59节:prerender    第60节:assemblyscript    第61节:jarvis    第62节:Rollup    第63节:webpack-dashboard    第64节:worker-plugin    第65节:webpack-encore    第66节:HEAD    第67节:poi    第68节:dawn    第69节:mustache.js    第70节:shipit    第71节:Flow    第72节:teletype    第73节:Dust.js    第74节:Athena    第75节:npm    第76节:Koala    第77节:webpackmonitor    第78节:ndm    第79节:size-plugin    第80节:seajs    第81节:prepack-webpack-plugin    第82节:webpack-simple-starter    第83节:Verdaccio    第84节:doT.js    第85节:bonsai    第86节:arttemplate    第87节:UiBot RPA    第88节:EJS    第89节:mern-starter    第90节:v8.dev    第91节:renovate    第92节:happypack    第93节:gulp    第94节:grunt    第95节:microbundle    第96节:handlebars.js    第97节:micro    第98节:tink    第99节:min-cli    第100节:Snibox    第101节:Codekit    第102节:WebAssembly    第103节:webpack-bundle-analyzer    第104节:htm    第105节:yeoman    第106节:Broccoli.js    第107节:jetpack    第108节:ied    第109节:Ender    第110节:Nunjucks    第111节:splittable    第112节:closure-compiler    第113节:react-boilerplate    第114节:SystemJS    第115节:electron-webpack-dashboard    第116节:fuse-box    第117节:jsvu    第118节:tmt-workflow    第119节:Cooking    第120节:hogan.js