brackets简易教程

brackets 1.5下载地址
选择安装对应的版本,安装完成之后,我们修改成中文版本。找到菜单栏的debug --> switch language --> 选择简体中文,重新加载软件即可。

常用的主题风格设置:

clipboard.png

brackets常用插件安装以及语法支持

打开brackets扩展文件安装我们所需的插件,brackets支持es6 ,jsx,vue,ts等语法,可以安装对应的插件。

常用插件

1、Emmet(原名Zen coding),快速书写HTML/CSS必备神器,菜单栏直接出现选项按钮
2、Indent Guides,显示一条竖直的缩进辅助线,有助于代码整齐,安装后在“视图”菜单栏下方就会有ndent Guides。
3、Beautify,一个代码格式化的软件,支持HTML/CSS/JAVASCRIPT,安装完毕后,选择菜单上的编辑→beautify(或使用快捷键 ctrl+alt+L)完成代码格式化
4、Autosave Files on Window Blur,当软件失去焦点或切换程序时,自动保存所有文件,无按钮,自动后台实现。
5、Themes,可以改变编辑器的样式。安装以后,主菜单上会多出一个 Themes ,打开以后,选择想要的主题。
6、CSS3 代码自动补全插件:auto prefix 使用 CanIUse 上的 css3 数据,自动补全 css3 前缀和浏览器兼容,不过可能有些新了。有一些旧版本的浏览器会被抛弃掉。
7、PHP 帮助文档 - QuickDocsPHP选中位置,使用快捷键 command + K(mac),ctrl + K (windows),可以快速查看 PHP 的帮助文档。
8、CSSLint 这个插件可高亮CSS错误及代码质量问题,它通过CSS Lint来报告错误与警告。
9、与web主机传输与同步文件需要用到FTP或者SFTP,但使用Bracktes不需要这样。通过eqFTP扩展,你可以直接在Brackets中进行这些操作。
10、Lorem Ipsum Generator 需要一些文字来填充设计原型?Lorem Ipsum Generator 可以快速的生成一些文本(如果你需要图片占位符的话,可以看看Lorem Pixel 和 DEVimg)。
11、JS CSS Minifier 这个扩展为你的 JavaScript 和 CSS 文件移除不必要的字符。这个过程成为压缩,它可以提升网页的加载速度。
12、Brackets Icons 这是一个非常简单的扩展,它为你的 Brackets 边栏添加文件图标。该图标视觉体验非常好,可以快速帮你识别出你要编辑的文件的类型。
13、CanIUse 不用离开 Brackets 就可以查看当前浏览器是否支持某个特定的 WEB 技术。这个扩展的数据来源于 Can I use。


clipboardss.png
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Sublime Text:一款具有代码高亮、语法提示、自动完成且反应快速的编辑器软件,不仅具有华丽的界面,还支持插...
    xiaotao123阅读 9,534评论 0 27
  • 一段爱情里,我们最常说的就是要多沟通多交流,那么到底要沟通交流一些什么呢,这里我要说的是我最近的一些想法和经历。...
    apple11阅读 503评论 1 1
  • 死灵在头顶闪光 困顿的眼只好醒来 滑稽在黑暗中游走 贪婪仍在闪烁 为追逐那耀灵 也只能蠕动了 楚人的凤凰要和蓝翎对...
    南倚闲坐阅读 135评论 0 0
  • “三分天注定,七分靠打拼”,贫穷并不可怕,可怕的是赚钱容易却守不住财。好的家居风水,可以让人事业顺畅,婚姻美满。而...
    家居大叔阅读 487评论 0 1
  • 耄耋之年的姥爷在瘫痪大半年后,还是走了。满头银丝的姥姥眷恋地望着姥爷清瘦的面容,淡淡地说了句:走吧,享福去吧。 浑...
    山顶的声音阅读 492评论 6 8