前端的日子Brackets

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了前端的日子Brackets相关的知识,希望对你有一定的参考价值。

Brackets 是一个免费、开源且跨平台的 html/CSS/javascript 前端 WEB 集成开发环境 (IDE工具)。该项目由 Adobe 创建和维护,根据MIT许可证发布,支持 Windows、Linux 以及 OS X 平台。 Brackets 的特点是简约、优雅、快捷!它没有很多的视图或者面板,也没太多花哨的功能,它的核心目标是减少在开发过程中那些效率低下的重复性工作,例如浏览器刷新,修改元素的样式,搜索功能等等。和 Sublime Text、Everedit 等通用代码编辑器不一样,Brackets 是专门针对 WEB 前端开发而生.

   Brackets下载地址:https://github.com/adobe/brackets/releases   到此网址进行下载对应版本安装即可。过程很简单,这里不再赘述。

1、显示你打开文件对应的图标    https://github.com/ivogabe/Brackets-Icons

2、javascript 全局变量高亮 https://github.com/ForbesLindesay/brackets-globals

3、皮肤插件  https://github.com/MiguelCastillo/Brackets-Themes

4、javascript 代码审查,建议所写的代码都检查一下   https://github.com/markmcintyre/brackets-jslint

5、更改代理,Brackets安装扩展是被墙了,如果用gae,那么这个插件将会很好用    https://github.com/ohnnyj/brackets-proxy

6、Indent Guides,显示一条竖直的缩进辅助线,有助于代码整齐,安装后在“视图”菜单栏下方就会有ndent Guides   https://github.com/lkcampbell/brackets-indent-guides

7、Emmet(原名Zen coding),快速书写HTML/CSS必备神器,菜单栏直接出现选项按钮   http://emmet.io/

8、代码格式化    https://github.com/drewhamlett/brackets-beautify

9、代码快折叠   https://github.com/thehogfather/brackets-code-folding

10、为你的编辑器增加工作空间管理    https://github.com/thomasvalera/Brackets-Workspaces

11、Autosave Files on Window Blur,当软件失去焦点或切换程序时,自动保存所有文件,无按钮,自动后台实现  https://github.com/martypenner/brackets-autosave-files-on-window-blur

12、自动保存每一次编辑  https://github.com/nmaxcom/brackets-autosaver

13、CanIUse不用离开 Brackets 就可以查看当前浏览器是否支持某个特定的 WEB 技术   https://github.com/cfjedimaster/brackets-caniuse

14、HTML Skeleton 可以快速的为你的 HTML 文件插入基本的标签,如doctype声明、<html>、<head>、<body>等等    https://github.com/le717/brackets-html-skeleton

15、HTML Wrapper  快速使用<li>、<tr>、<a>等包裹一列元素  https://caferati.me/labs/html-wrapper

16、Autoprefixer  该扩展可以自动只能的为 CSS 元素添加前缀   https://github.com/mikaeljorhult/brackets-autoprefixer

17、JS CSS Minifier这个扩展为你的 JavaScript 和 CSS 文件移除不必要的字符。这个过程成为压缩,它可以提升网页的加载速度。   https://github.com/abagshaw/brackets-minifier

18、这个插件可以高亮 CSS 错误及代码质量问题,它通过 CSS Lint 来报告错误与警告。 https://github.com/cfjedimaster/brackets-csslint ;


本文出自 “许俊杰” 博客,请务必保留此出处http://xvjunjie.blog.51cto.com/12360960/1982522

以上是关于前端的日子Brackets的主要内容,如果未能解决你的问题,请参考以下文章

CSS3伪元素选择器 ::before ::after | 记录自己的前端学习日子

奔三的日子里4

那些与 IE 相伴的日子

那些与 IE 相伴的日子

那些与 IE 相伴的日子

那些与 IE 相伴的日子