Web前端开发网

fly63.com

首页 资源 工具 文章 教程 栏目
  • 在线搜索
  • 文章标签
  • 广告合作
  • 赞助一下
  • 关于我们
资源推荐
阿里云优惠券
卓越的云计算技术和服务提供商
腾讯云优惠券
云服务器,云数据库,CDN,域名注册等多种云计算服务
扣子Coze
创建属于你的 AI 应用,AI Agent智能办公平台
豆包AI
字节跳动旗下 AI 智能助手
即梦AI
一站式智能创作平台,即刻造梦
AiPPT
全智能AI一键生成 PPT
堆友AI
零门槛,多风格AI绘画免费生成,电商海报设计神器
蜂小推
不扣量的项目推广平台
SpeedAI
一键去重、降AIGC率、数据可视化、论文写作

资源分类

AI智能 酷站推荐 招聘/兼职 框架/库 模块/管理 移动端UI框架 Web-UI框架 Js插件 Jquery插件 CSS相关 IDE环境 在线工具 图形动效 游戏框架 node相关 调试/测试 在线学习 社区/论坛 博客/团队 前端素材 图标/图库 建站资源 设计/灵感 IT资讯
网站收录 / 问题反馈

Koala

分享
复制链接
新浪微博
QQ 好友

扫一扫分享

网站地址:http://koala-app.com/index-zh.html
GitHub:https://github.com/oklai/koala
网站描述:LESS/Sass/Compass/CoffeeScript编译工具
访问官网
GitHub

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会在后台进行编译。

仅供个人学习参考/导航指引使用,具体请以第三方网站说明为准,本站不提供任何专业建议。如果地址失效或描述有误,请联系站长反馈~感谢您的理解与支持!

链接: https://fly63.com/nav/119

更多»
热门资源
TypeScript
一种由微软开发的自由和开源的编程语言。它是JavaScript的一个超集
官网
GitHub
Vite
下一代前端开发与构建工具
官网
GitHub
webpack
webpack 是一个模块打包器。它的主要目标是将 JavaScript 文件打包在一起
官网
GitHub
npm
javascript 最流行的包管理器
官网
GitHub
yarn
可替代NPM的快速、可靠、安全的可信赖包管理工具Yarn
官网
GitHub
bower
解决js的依赖管理
官网
GitHub
grunt
基于Node.js的项目构建工具。它可以自动运行你所设定的任务
官网
GitHub
Parcel
快速,零配置的 Web 应用程序打包器
官网
GitHub
babel
Babel 是一个 JavaScript 编译器,可用下一代JavaScript 语法写代码
官网
GitHub
browserify
一个浏览器端代码模块化工具,require和module.exports来导入和导出.Browserify的原理:部署时处理代码依赖,将模块打包为一个文件。
官网
GitHub
Rolldown
Rust 驱动的高性能打包器
官网
GitHub
HEAD
一份你可以在 <head> 里设置的列表
官网
GitHub
类似于Koala的资源
Snowpack
实现直接在浏览器中运行npm软件包,不需要Webpack,Parcel或bundler
官网
GitHub
npx
一种npm包的执行器
官网
GitHub
teletype
一个Atom包,让开发人员与团队成员共享他们的工作空间,并实时协作处理代码
官网
GitHub
webpack-bundle-analyzer
Webpack包分析器
点击进入
GitHub
size-plugin
Webpack打包工具,遵循Apache 2.0许可协议
官网
GitHub
cz-cli
Git commit 工具
官网
GitHub
Broccoli.js
一个Javascript构建工具
官网
GitHub
mern-starter
类似Mean,是另一个全栈Js开发架构
官网
GitHub
目录

手机扫一扫预览

》
分享组件加载中...
首页 技术导航 在线工具 技术文章 教程资源 前端标签 AI工具集 前端库/框架 实用工具箱 广告合作 关于我们

Copyright © 2018 Web前端开发网提供免费在线工具、编程学习资源(教程/框架/库),内容以学习参考为主,助您解决各类实际问题,快速提升专业能力。