实用的编辑器插件

Sublime Text

工具类

• Emmet – 非常实用的插件，提高编程效率

  Emmet官网

• AdvancedNewFile – 文件创建插件

• Git – 整合 Git 功能插件

• ColorPicker – 取色器插件

• Sublime-HTMLPrettify – 集成了格式化（美化）html、css、js三种文件类型的插件

• csscomb-for-sublime – 按照一定的CSS属性排序规则，将杂乱无章的CSS属性进行重新排序

• DocBlockr – 可以轻松为文件生成描述

• Minify – 代码压缩和美化二合一

• AutoFileName – 自动补全路径插件

• Color Highlighter – 颜色插件

• Sublime Tutor – Sublime Text 3 教程

语言类

• AngularJS – AngularJS 插件
• Babel – ES6 和 React
• CSS3 – 最好的 CSS 支持插件，颜色高亮
• Vue Syntax Highlight – VUE 语法高亮

MarkDown

• Markdown Preview – 编写Markdown 文件
• MarkdownEditing – 帮助更好的编写 MarkDown 文件

Atom

代码辅助

• emmet: 使用Emmet语法快速编写HTML
• linter-eslint: eslint atom插件，用于检索javascript代码，可以自定义配置
• docblockr: 一键生成注释模板，使写注释更高效
• autocomplete-paths: 在写路径的时候的自动补全
• pigments — 颜色插件, 相当于Sublime中的Color Highlighter

Git功能

• git-plus: 使用atom命令行来进行基本的Git操作（例如Commit，Pull，Push等）
• git-log: 在Atom中查看Git提交记录

美化

• file-icons: 文件前面显示图标，增加辨识度的同时使界面更好看
• atom-beautify: 一键代码美化

VS Code

功能性

• Auto Close Tag - 匹配标签，关闭对应的标签, 很实用
• Document This - JSDOC注解调用，值得易用
• Auto Rename Tag - 改变标签的时候自动改变对应的闭合标签
• Beautify - 良好的拓展性，可以格式化JSON|JS|HTML|CSS|SCSS,比内置格式化好用
• Code Runner - 代码编译运行看结果，支持众多语言
• colorize - 会给颜色代码增加一个当前匹配代码颜色的背景，非常好
• Git History (git log) - 很棒的GIT插件，推荐
• Path Intellisense - 智能补全路径

语法校验

• stylelint - 用于支持 CSS/SCSS/Less 实时语法校验
• ESLint -用于支持 JavaScript 实时语法校验

是否想要更多的包？

如果希望看到 Sublime 中可用包的完整列表， 请访问 https://packagecontrol.io/.

如果正在查找 Atom 中的包，只需前往 Atom 主页，并在网站中进行搜索

如果想要获取 VS Code 中的拓展，你可以点击 此处 查看更多