前端开发工具——brackets的使用

1.官网下载地址

http://brackets.io/#

官网下载太慢，建议去其他第三方网站下载。

 

2.安装插件的方式

 更改显示语言为中文

 

 

 

 安装扩展

 

拖动zip包到扩展管理器安装即可

 

 

 

 

3.常用的10款插件

  • Emmet插件（快速书写HTML/CSS必备神器）：https://github.com/emmetio/brackets-emmet  
  • AngularJS插件：https://github.com/angular-ui/AngularJS-brackets
  • Git插件：https://github.com/zaggino/brackets-git
  • Theme插件：https://github.com/MiguelCastillo/Brackets-Themes
  • Minifier插件：https://github.com/wylst/brackets-minifier
  • Beautify插件：https://github.com/drewhjava/brackets-beautify
  • LESS自动编译插件：https://github.com/jdiehl/brackets-less-autocompile 
  • javascript 全局变量高亮 https://github.com/ForbesLindesay/brackets-globals 
  • 显示你打开文件对应的图标    https://github.com/ivogabe/Brackets-Icons
  • javascript 代码审查，建议所写的代码都检查一下   https://github.com/markmcintyre/brackets-jslint
  • 代码快折叠   https://github.com/thehogfather/brackets-code-folding
  • HTML Skeleton 可以快速的为你的 HTML 文件插入基本的标签，如doctype声明、<html>、<head>、<body>等等    https://github.com/le717/brackets-html-skeleton
  • 这个插件可以高亮 CSS 错误及代码质量问题，它通过 CSS Lint 来报告错误与警告。 https://github.com/cfjedimaster/brackets-csslint 
  • CanIUse  不用离开 Brackets 就可以查看当前浏览器是否支持某个特定的 WEB 技术。这个扩展的数据来源于 Can I use。 
  • HTML Wrapper  快速使用 <li> 、<tr>、<a> 等包裹一列元素。

 

4.下载链接

链接：https://pan.baidu.com/s/1uZJWEJLX7VxZBT4tCbUCqA
提取码：kzxo

 

参考文章：

https://www.cnblogs.com/legoo/p/7770656.html

https://www.cnblogs.com/sharpest/p/7862089.html

http://webres.wang/12-brackets-extensions/

posted @ 2020-03-14 10:58  YorkShare  阅读(636)  评论(0)  编辑  收藏  举报