Plugin

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 配置方案。