jaywcjlove-awesome-mac/editor-plugin-zh.md

^{特别感谢：}


ScreenSage Pro，在 macOS 上几分钟内录制精美的屏幕录像


IP.IM 免费 IP 地址信息查询网站

---

^{使用 我的应用 也是支持我的一种方式：支持我}

---

编辑器插件

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 - 实时预览 markdown、rst、creol、textile 等文件。
• 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 - 设置 VS Code 图标。
  • Bracket Pair Colorizer - 着色匹配括号。
  • Indent-Rainbow - 对缩进显示彩虹色作色，使得更加易读。
  • Trailing Spaces - 检测多余空格并高亮。
  • TODO Highlight - TODO 备忘插件。
  • Code Spell Checker - JavaScript 或 TypeScript 代码拼写检查。
  • Document This - 自动生成 JavaScript 和 TypeScript 文档注释。
  • 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。
  • ESlint - VSCode ，帮助校验 ES 语法等。
  • TSLint - TSLint 在 VScode 工具，帮助校验 TS 语法等。
  • Typora - 让你的VSCode拥有Typora级Markdown编辑体验。

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