MAC常用插件

Atom Plugin

• 通用
  • relative-numbers – 显示相对行号。
  • trailing-spaces – 高亮多余的空格。
  • terminal-plus – 内嵌式全功能控制台。
  • vim-mode-plus – vim 模式。
  • ex-mode – vim 模式的拓展。
  • minimap – 右侧小地图。
  • autocomplete-paths – 对路径选择进行增强。
  • docblockr – 编写注释好帮手。
  • file-icons – 美化编辑器图标。
  • atom-beautify – 自动美化代码格式。
  • imdone-atom – 任务列表插件。
  • open-terminal-here – 在编辑器里快速打开终端。
  • proton-mode – 与spacemacs相同的快捷键，非常棒。
  • dracula-syntax – dracula漂亮的配色。
  • filecolor – 不同文件类型，不同颜色显示，方便查找文件。
  • golden-ratio – 自动调整窗口大小。
  • local-history – 本地文件历史，可以返回任何时间保存的文件。
  • project-plus – 项目管理， 可以快速切换不同项目，多项目同时工作利器。
  • regex-railroad-diagram – 可以图形化显示正则表达式。
  • tree-view-search-bar – 文件列表快速查找工具。
• 前端
  • Nuclide – 用于编写 React Native，代码提示各种很厉害的样子。
  • TypeScript – 支持TypeScript编译。
  • Emmet – 快速编写HTML。
  • tag – Sublime 风格的 HTML 标签自动闭合。
  • color-picker – CSS颜色取色器。
  • autoprefixer – 自动补全CSS前缀。
  • linter-jshint – JavaScript语法检查。
  • pigments – 把你文件中的颜色代码展示出来。
  • atom-html-preview – 内置Chrome浏览器写移动端非常棒。
  • tree-view-copy-relative-path – 可以跟当前文件输出目标文件的相对路径，适合多文件相互调用。
• Python
  • autocomplete-python – 对Python提示进行增强。
  • linter-flake8 – Python 语法检查。
  • python-tools – 一些有用的 Python 开发工具集。

Sublime Text Plugin

• PlainTasks – 一个自以为是的待办事项列表插件。
• Emmet – zen coding的升级版，对于前端来说，可是必备插件。
• sublimelint – 用于代码的校验，支持 HTML、CSS、JS、PHP、Java、C++ 等16种语言。
• JsFormat – 用于JavaScript格式化。
• jQuery – jQuery语法提示。
• Underscore – Underscore语法提示。
• DocBlockr – 快速编写注释。
• SublimeCodeIntel – 智能语法分析提示。
• ColorPicker – 快速选取颜色。
• HTML-CSS-JS Prettify – HTML/CSS/JS 格式化。
• Alignment – 用于代码对齐。
• WakaTime – 用于记录编程时间。
• Seti_UI – 好看的主题，包括文件icon。
• OmniMarkupPreviewer – 将MD文件渲染成网页，可以在浏览器中查看。
• GitGutter – 显示比对Git的状态。
• BracketHighlighter – 高亮显示标签括号。
• SideBarEnhancements – 扩展文件编辑右键菜单。
• Markdown Extended – Markdown语法高亮。
• Babel – ES6语法高亮。
• AutoFileName – 自动完成文件名。
• FTPSync – FTP同步插件，本地与虚拟机做文件同步非常方便。
• Color Highlighter – 高亮颜色关键字，非常适合CSS编写。
• File History – 本地文件历史，每次修改文件都会有历史。
• JavaScript Completions – 原生JavaScript补全。
• Json Reindent – JSON格式化。
• Git – Sublime Text Git插件功能比较全面。
• GitStatus – 监控更改的文件和项目状态实时提示。
• Gitignore – Git的.gitignore文件生成，内置常用过滤文件。

VSCode Plugin

• 通用
  • vscode-icons – Code设置vscode图标
  • Bracket Pair Colorizer – 着色匹配括号。
  • Indent-Rainbow – 对缩进显示彩虹色作色，使得更加易读
  • Trailing Spaces – 检测多余空格并高亮
  • TODO Highlight – TODO备忘插件
  • Code Spell Checker – js或ts代码拼写检查
  • Document This – doc注视自动生成
  • Sublime Text Keymap – 在VScode中添加Sublime Text 热门快捷键。
  • Git Lens – 增强了内置的Visual Studio代码Git功能。
  • View In Browser – 在vscode预览浏览器
  • SVG Viewer – 在vscode内查看svg图标
  • Auto-Open Markdown Preview – 实时预览markdown
  • Markdown PDF – 将markdown文档转为pdf、html、png或jpeg
  • Debugger for Chrome – vscode中调试在chrome的js代码
  • ESlint – eslint在vscode工具，帮助校验es语法等
  • TSLint – tslint在vscode工具，帮助校验ts语法等
• HTML
  • Auto Close Tag – 自动闭合标签
  • Auto Rename Tag – 自动重命名标签
  • HTML Snippets – html代码片段
  • IntelliSense for CSS class names in HTML – 基于当前项目css文件，在html中智能提示CSS类名
  • HTML CSS Support – 在html中智能提示css样式
• JS
  • npm Intellisense – 自动提示npm包的导入
  • Path Intellisense – 自动提示文件路径
  • Auto Import – 自动识别解析导入
  • Code Runner – 支持执行多语言测试代码
  • Import Cost – 在编辑器中显示import/require包大小。
  • Regex Previewer – 测试写的正则表达式
• React/Vue
  • react-beautify – 这个扩展封保存自动美化 JS, JSX, typescript, TSX 文件。
  • Reactjs code snippets – ES6语法高亮，Reactjs开发的代码提示。
  • Vetur – Vue-VSCode工具，支持高亮代码，自动补全，代码片段等

Vim Plugin

• Vundle.vim – Vim插件管理工具。 
• vim-plug – 一个简约的vim插件管理器。 
• WebVim – 倾向于开发JavaScript和Web的vim。
• vim-web – 一个前端开发工程师的vim。 
• Neovim – 提高Vim可扩张灵活性。 
• Spacevim – 模仿Spacemacs的使用方式。
• Spf13 – 一套全方位的配置项目。
• vimplus – 一套完全自动化打造Vim开发环境的项目。 
• ivim – 一套简单易用，高可定制化 vim 配置方案。
• 7th-vim – 轻量级，可定制化的 vim 配置方案。