Files
awesome-mac/editor-plugin-zh.html
github-actions[bot] ad066deeb2 deploy: 046dfe51f0
2025-12-04 02:40:58 +00:00

222 lines
22 KiB
HTML
Raw Permalink Blame History

This file contains ambiguous Unicode characters
This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Editors Plugin 分享推荐 - Awesome Mac</title>
<meta name="description" content="Editors Plugin 分享推荐 - Awesome Mac">
<meta name="keywords" content="mac,osx,app,softwares,applications,mac softwares,awesome mac,free softwares,Freeware">
<link rel="stylesheet" type="text/css" href="css/main.css?v=1.34.4">
<link rel="stylesheet" type="text/css" href="css/tocbot.css?v=1.34.4">
<link rel="stylesheet" type="text/css" href="css/media.css?v=1.34.4">
<link rel="stylesheet" type="text/css" href="css/sidebar.css?v=1.34.4">
<link rel="stylesheet" type="text/css" href="css/copy.css?v=1.34.4">
<link rel="stylesheet" type="text/css" href="css/demo-preview.css?v=1.34.4">
<link rel="icon" href="logo.svg" type="image/x-icon">
<script src="js/copy.js?v=1.34.4"></script>
<script src="js/dark-mode.js?v=1.34.4"></script>
<script src="js/markdown-style.js?v=1.34.4"></script>
</head>
<body id="idoctotop"><a href="#idoctotop" class="gototop">top</a>
<header class="header">
<article class="inner warpper"><a class="logo" href="index.html"><svg fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30">
<path d="M25.565,9.785c-0.123,0.077-3.051,1.702-3.051,5.305c0.138,4.109,3.695,5.55,3.756,5.55 c-0.061,0.077-0.537,1.963-1.947,3.94C23.204,26.283,21.962,28,20.076,28c-1.794,0-2.438-1.135-4.508-1.135 c-2.223,0-2.852,1.135-4.554,1.135c-1.886,0-3.22-1.809-4.4-3.496c-1.533-2.208-2.836-5.673-2.882-9 c-0.031-1.763,0.307-3.496,1.165-4.968c1.211-2.055,3.373-3.45,5.734-3.496c1.809-0.061,3.419,1.242,4.523,1.242 c1.058,0,3.036-1.242,5.274-1.242C21.394,7.041,23.97,7.332,25.565,9.785z M15.001,6.688c-0.322-1.61,0.567-3.22,1.395-4.247 c1.058-1.242,2.729-2.085,4.17-2.085c0.092,1.61-0.491,3.189-1.533,4.339C18.098,5.937,16.488,6.872,15.001,6.688z"></path>
</svg>
<span class="title">Awesome Mac</span></a>
<div class="content">
<ul class="menu">
<li><a href="index.html" target="" class="">Home</a></li>
<li><a href="https://github.com/jaywcjlove/awesome-mac/issues" target="__blank" class="">Recommended</a></li>
<li><a href="https://github.com/jaywcjlove/awesome-mac/issues" target="__blank" class="">Link failure Report</a></li>
</ul><a href="https://github.com/jaywcjlove/awesome-mac.git" target="_blank" rel="noopener noreferrer" title="Github" name="Github" class="github"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
<path d="M9 19c-5 1.5-5-2.5-7-3m14 6v-3.87a3.37 3.37 0 0 0-.94-2.61c3.14-.35 6.44-1.54 6.44-7A5.44 5.44 0 0 0 20 4.77 5.07 5.07 0 0 0 19.91 1S18.73.65 16 2.48a13.38 13.38 0 0 0-7 0C6.27.65 5.09 1 5.09 1A5.07 5.07 0 0 0 5 4.77a5.44 5.44 0 0 0-1.5 3.78c0 5.42 3.3 6.61 6.44 7A3.37 3.37 0 0 0 9 18.13V22"></path>
</svg></a>
<dark-mode permanent=""></dark-mode>
</div>
</article>
</header>
<div class="warpper-content warpper">
<markdown-style theme-auto-switch-disabled="">
<div align="center" markdown="1"><sup>Special thanks to:</sup><br><br><a href="https://www.warp.dev/awesome-mac"><img alt="Warp sponsorship" width="400" src="https://jaywcjlove.github.io/sponsor/warp-banner.png"></a><br><a href="https://warp.dev/awesome-mac"><b>Warp, the intelligent terminal for developers!</b></a><br><a href="https://warp.dev/awesome-mac">Available for MacOS, Linux, &#x26; Windows</a><br><br><a href="https://zenquery.app/?utm_source=github&#x26;utm_medium=referral&#x26;utm_campaign=awesome-mac"><img alt="Zenquery sponsorship" width="400" src="https://jaywcjlove.github.io/sponsor/zenquery.png"></a><br><a href="https://zenquery.app/?utm_source=github&#x26;utm_medium=referral&#x26;utm_campaign=awesome-mac"><b>ZenQuery</b></a><br><a href="https://zenquery.app/?utm_source=github&#x26;utm_medium=referral&#x26;utm_campaign=awesome-mac">Instant Q/A on your data files (CSV, JSON, Excel, Parquet)</a>
<p><br><br></p>
</div>
<hr>
<h1 style="font-size: 38px; border-bottom: 0; display: flex; min-height: 260px; align-items: center; justify-content: center;" id="编辑器插件"><a aria-hidden="true" tabindex="-1" href="#编辑器插件" class="anchor"><span class="icon icon-link"></span></a>编辑器插件</h1><!--rehype:style=font-size: 38px; border-bottom: 0; display: flex; min-height: 260px; align-items: center; justify-content: center;-->
<p style="text-align: center;"><a href="https://github.com/jaywcjlove/awesome-mac"><img src="https://jaywcjlove.github.io/sb/ico/awesome.svg" alt="jaywcjlove/sb"></a> <a href="editor-plugin.html"><img src="https://jaywcjlove.github.io/sb/lang/english.svg" alt="jaywcjlove/sb"></a> <a href="https://gitter.im/awesome-mac/cn?utm_source=badge&#x26;utm_medium=badge&#x26;utm_campaign=pr-badge"><img src="https://jaywcjlove.github.io/sb/ico/gitter.svg" alt="Gitter"></a></p><!--rehype:style=text-align: center;-->
<h2 id="atom-plugin"><a aria-hidden="true" tabindex="-1" href="#atom-plugin" class="anchor"><span class="icon icon-link"></span></a>Atom Plugin</h2>
<ul>
<li>通用
<ul>
<li><a href="https://atom.io/packages/relative-numbers">relative-numbers</a> - 显示相对行号。</li>
<li><a href="https://atom.io/packages/trailing-spaces">trailing-spaces</a> - 高亮多余的空格。</li>
<li><a href="https://atom.io/packages/terminal-plus">terminal-plus</a> - 内嵌式全功能控制台。</li>
<li><a href="https://atom.io/packages/vim-mode-plus">vim-mode-plus</a> - Vim 模式。</li>
<li><a href="https://atom.io/packages/ex-mode">ex-mode</a> - Vim 模式的拓展。</li>
<li><a href="https://atom.io/packages/minimap">minimap</a> - 右侧小地图。</li>
<li><a href="https://atom.io/packages/autocomplete-paths">autocomplete-paths</a> - 对路径选择进行增强。</li>
<li><a href="https://atom.io/packages/docblockr">docblockr</a> - 编写注释好帮手。</li>
<li><a href="https://atom.io/packages/file-icons">file-icons</a> - 美化编辑器图标。</li>
<li><a href="https://atom.io/packages/atom-beautify">atom-beautify</a> - 自动美化代码格式。</li>
<li><a href="https://atom.io/packages/imdone-atom">imdone-atom</a> - 任务列表插件。</li>
<li><a href="https://atom.io/packages/open-terminal-here">open-terminal-here</a> - 在编辑器里快速打开终端。</li>
<li><a href="https://atom.io/packages/proton-mode">proton-mode</a> - 与 Spacemacs 相同的快捷键,非常棒。</li>
<li><a href="https://atom.io/packages/dracula-syntax">dracula-syntax</a> - Dracula 漂亮的配色。</li>
<li><a href="https://atom.io/packages/filecolor">filecolor</a> - 不同文件类型,不同颜色显示,方便查找文件。</li>
<li><a href="https://atom.io/packages/golden-ratio">golden-ratio</a> - 自动调整窗口大小。</li>
<li><a href="https://atom.io/packages/local-history">local-history</a> - 本地文件历史,可以返回任何时间保存的文件。</li>
<li><a href="https://atom.io/packages/project-plus">project-plus</a> - 项目管理,可以快速切换不同项目,多项目同时工作利器。</li>
<li><a href="https://atom.io/packages/regex-railroad-diagram">regex-railroad-diagram</a> - 可以图形化显示正则表达式。</li>
<li><a href="https://atom.io/packages/tree-view-search-bar/">tree-view-search-bar</a> - 文件列表快速查找工具。</li>
</ul>
</li>
<li>前端
<ul>
<li><a href="http://nuclide.io">Nuclide</a> - 用于编写 React Native代码提示各种很厉害的样子。<a href="https://github.com/facebook/nuclide"><img src="https://jaywcjlove.github.io/sb/ico/min-oss.svg" alt="Open-Source Software"></a></li>
<li><a href="https://github.com/TypeStrong/atom-typescript">TypeScript</a> - 支持 TypeScript 编译。</li>
<li><a href="https://atom.io/packages/emmet">Emmet</a> - 快速编写 HTML。</li>
<li><a href="https://atom.io/packages/tag">tag</a> - Sublime 风格的 HTML 标签自动闭合。</li>
<li><a href="https://atom.io/packages/color-picker">color-picker</a> - CSS 颜色取色器。</li>
<li><a href="https://atom.io/packages/autoprefixer">autoprefixer</a> - 自动补全 CSS 前缀。</li>
<li><a href="https://atom.io/packages/linter-jshint">linter-jshint</a> - JavaScript 语法检查。</li>
<li><a href="https://atom.io/packages/pigments">pigments</a> - 把你文件中的颜色代码展示出来。</li>
<li><a href="https://atom.io/packages/atom-html-preview">atom-html-preview</a> - 内置 Chrome 浏览器写移动端非常棒。</li>
<li><a href="https://atom.io/packages/tree-view-copy-relative-path">tree-view-copy-relative-path</a> - 可以跟当前文件输出目标文件的相对路径,适合多文件相互调用。</li>
</ul>
</li>
<li>Python
<ul>
<li><a href="https://atom.io/packages/autocomplete-python">autocomplete-python</a> - 对 Python 提示进行增强。</li>
<li><a href="https://atom.io/packages/linter-flake8">linter-flake8</a> - Python 语法检查。</li>
<li><a href="https://atom.io/packages/python-tools">python-tools</a> - 一些有用的 Python 开发工具集。</li>
</ul>
</li>
</ul>
<h2 id="sublime-text-plugin"><a aria-hidden="true" tabindex="-1" href="#sublime-text-plugin" class="anchor"><span class="icon icon-link"></span></a>Sublime Text Plugin</h2>
<ul>
<li><a href="https://packagecontrol.io/packages/PlainTasks">PlainTasks</a> - 一个自以为是的待办事项列表插件。</li>
<li><a href="https://github.com/sergeche/emmet-sublime">Emmet</a> - Zen Coding 的升级版,对于前端来说,可是必备插件。</li>
<li><a href="https://github.com/lunixbochs/sublimelint">sublimelint</a> - 用于代码的校验,支持 HTML、CSS、JS、PHP、Java、C++ 等 16 种语言。</li>
<li><a href="https://packagecontrol.io/packages/JsFormat">JsFormat</a> - 用于 JavaScript 格式化。</li>
<li><a href="https://packagecontrol.io/packages/jQuery">jQuery</a> - jQuery 语法提示。</li>
<li><a href="https://packagecontrol.io/packages/Underscore.js%20Snippets">Underscore</a> - Underscore 语法提示。</li>
<li><a href="https://packagecontrol.io/packages/DocBlockr">DocBlockr</a> - 快速编写注释。</li>
<li><a href="https://packagecontrol.io/packages/SublimeCodeIntel">SublimeCodeIntel</a> - 智能语法分析提示。</li>
<li><a href="https://packagecontrol.io/packages/ColorPicker">ColorPicker</a> - 快速选取颜色。</li>
<li><a href="https://packagecontrol.io/packages/HTML-CSS-JS%20Prettify">HTML-CSS-JS Prettify</a> - HTML/CSS/JS 格式化。</li>
<li><a href="https://packagecontrol.io/packages/Alignment">Alignment</a> - 用于代码对齐。</li>
<li><a href="https://packagecontrol.io/packages/WakaTime">WakaTime</a> - 用于记录编程时间。</li>
<li><a href="https://packagecontrol.io/packages/Seti_UI">Seti_UI</a> - 好看的主题,包括文件 icon。</li>
<li><a href="https://packagecontrol.io/packages/OmniMarkupPreviewer">OmniMarkupPreviewer</a> - 实时预览 markdown、rst、creol、textile 等文件。</li>
<li><a href="https://packagecontrol.io/packages/GitGutter">GitGutter</a> - 显示比对 Git 的状态。</li>
<li><a href="https://packagecontrol.io/packages/BracketHighlighter">BracketHighlighter</a> - 高亮显示标签括号。</li>
<li><a href="https://packagecontrol.io/packages/SideBarEnhancements">SideBarEnhancements</a> - 扩展文件编辑右键菜单。</li>
<li><a href="https://packagecontrol.io/packages/Markdown%20Extended">Markdown Extended</a> - Markdown 语法高亮。</li>
<li><a href="https://packagecontrol.io/packages/Babel">Babel</a> - ES6 语法高亮。</li>
<li><a href="https://packagecontrol.io/packages/AutoFileName">AutoFileName</a> - 自动完成文件名。</li>
<li><a href="https://packagecontrol.io/packages/FTPSync">FTPSync</a> - FTP 同步插件,本地与虚拟机做文件同步非常方便。</li>
<li><a href="https://packagecontrol.io/packages/Color%20Highlighter">Color Highlighter</a> - 高亮颜色关键字,非常适合 CSS 编写。</li>
<li><a href="https://packagecontrol.io/packages/File%20History">File History</a> - 本地文件历史,每次修改文件都会有历史。</li>
<li><a href="https://packagecontrol.io/packages/JavaScript%20Completions">JavaScript Completions</a> - 原生 JavaScript 补全。</li>
<li><a href="https://packagecontrol.io/packages/JSON%20Reindent">Json Reindent</a> - JSON 格式化。</li>
<li><a href="https://packagecontrol.io/packages/Git">Git</a> - Sublime Text Git 插件功能比较全面。</li>
<li><a href="https://packagecontrol.io/packages/GitStatus">GitStatus</a> - 监控更改的文件和项目状态实时提示。</li>
<li><a href="https://packagecontrol.io/packages/Gitignore">Gitignore</a> - Git的 .gitignore 文件生成,内置常用过滤文件。</li>
</ul>
<h2 id="vscode-plugin"><a aria-hidden="true" tabindex="-1" href="#vscode-plugin" class="anchor"><span class="icon icon-link"></span></a>VSCode Plugin</h2>
<ul>
<li>
<p>通用</p>
<ul>
<li><a href="https://github.com/vscode-icons/vscode-icons">vscode-icons</a> - 设置 VS Code 图标。</li>
<li><a href="https://github.com/CoenraadS/Bracket-Pair-Colorizer-2">Bracket Pair Colorizer</a> - 着色匹配括号。</li>
<li><a href="https://github.com/oderwat/vscode-indent-rainbow">Indent-Rainbow</a> - 对缩进显示彩虹色作色,使得更加易读。</li>
<li><a href="https://github.com/shardulm94/vscode-trailingspaces">Trailing Spaces</a> - 检测多余空格并高亮。</li>
<li><a href="https://github.com/wayou/vscode-todo-highlight">TODO Highlight</a> - TODO 备忘插件。</li>
<li><a href="https://github.com/Jason-Rev/vscode-spell-checker">Code Spell Checker</a> - JavaScript 或 TypeScript 代码拼写检查。</li>
<li><a href="https://github.com/joelday/vscode-docthis">Document This</a> - 自动生成 JavaScript 和 TypeScript 文档注释。</li>
<li><a href="https://github.com/Microsoft/vscode-sublime-keybindings">Sublime Text Keymap</a> - 在 VScode 中添加 Sublime Text 热门快捷键。</li>
<li><a href="https://github.com/eamodio/vscode-gitlens">Git Lens</a> - 增强了内置的 Visual Studio 代码 Git 功能。</li>
<li><a href="https://github.com/hellopao/view-in-browser">View In Browser</a> - 在 VScode 内预览浏览器。</li>
<li><a href="https://github.com/cssho/vscode-svgviewer">SVG Viewer</a> - 在 VScode 内查看 svg 图标。</li>
<li><a href="https://github.com/hnw/vscode-auto-open-markdown-preview">Auto-Open Markdown Preview</a> - 实时预览 Markdown。</li>
<li><a href="https://github.com/yzane/vscode-markdown-pdf">Markdown PDF</a> - 将 Markdown 文档转为 pdf、html、png 或 jpeg。</li>
<li><a href="https://github.com/Microsoft/vscode-eslint">ESlint</a> - VSCode ,帮助校验 ES 语法等。</li>
<li><a href="https://github.com/Microsoft/vscode-eslint">TSLint</a> - TSLint 在 VScode 工具,帮助校验 TS 语法等。</li>
<li><a href="https://marketplace.visualstudio.com/items?itemName=cweijan.vscode-typora">Typora</a> - 让你的VSCode拥有Typora级Markdown编辑体验。</li>
</ul>
</li>
<li>
<p>HTML</p>
<ul>
<li><a href="https://github.com/formulahendry/vscode-auto-close-tag">Auto Close Tag</a> - 自动闭合标签。</li>
<li><a href="https://github.com/formulahendry/vscode-auto-rename-tag">Auto Rename Tag</a> - 自动重命名标签。</li>
<li><a href="https://marketplace.visualstudio.com/items?itemName=abusaidm.html-snippets">HTML Snippets</a> - HTML 代码片段。</li>
<li><a href="https://github.com/Zignd/HTML-CSS-Class-Completion">IntelliSense for CSS class names in HTML</a> - 基于当前项目 CSS 文件在html中智能提示CSS类名。</li>
<li><a href="https://github.com/ecmel/vscode-html-css">HTML CSS Support</a> - 在 HTML 中智能提示 CSS 样式。</li>
</ul>
</li>
<li>
<p>JS</p>
<ul>
<li><a href="https://github.com/ChristianKohler/NpmIntellisense">npm Intellisense</a> - 自动提示 NPM 包的导入。</li>
<li><a href="https://github.com/ChristianKohler/PathIntellisense">Path Intellisense</a> - 自动提示文件路径。</li>
<li><a href="https://github.com/soates/Auto-Import">Auto Import</a> - 自动识别解析导入。</li>
<li><a href="https://github.com/formulahendry/vscode-code-runner">Code Runner</a> - 支持执行多语言测试代码。</li>
<li><a href="https://github.com/wix/import-cost">Import Cost</a> - 在编辑器中显示 import/require 包大小。</li>
<li><a href="https://github.com/chrmarti/vscode-regex">Regex Previewer</a> - 测试写的正则表达式。</li>
</ul>
</li>
<li>
<p>React/Vue</p>
<ul>
<li><a href="https://github.com/taichi/react-beautify">react-beautify</a> - 这个扩展封保存自动美化 JS、JSX、TypeScript、TSX 文件。</li>
<li><a href="https://github.com/xabikos/vscode-react">Reactjs code snippets</a> - ES6 语法高亮Reactjs 开发的代码提示。</li>
<li><a href="https://github.com/vuejs/vetur">Vetur</a> - Vue-VSCode 工具,支持高亮代码,自动补全,代码片段等。</li>
</ul>
</li>
</ul>
<h2 id="vim-plugin"><a aria-hidden="true" tabindex="-1" href="#vim-plugin" class="anchor"><span class="icon icon-link"></span></a>Vim Plugin</h2>
<ul>
<li><a href="https://github.com/VundleVim/Vundle.vim">Vundle.vim</a> - Vim 插件管理工具。<a href="https://github.com/VundleVim/Vundle.vim"><img src="https://jaywcjlove.github.io/sb/ico/min-oss.svg" alt="Open-Source Software"> <img src="https://jaywcjlove.github.io/sb/ico/min-free.svg" alt="Freeware"></a></li>
<li><a href="https://github.com/junegunn/vim-plug">vim-plug</a> - 一个简约的 Vim 插件管理器。<a href="https://github.com/junegunn/vim-plug"><img src="https://jaywcjlove.github.io/sb/ico/min-oss.svg" alt="Open-Source Software"> <img src="https://jaywcjlove.github.io/sb/ico/min-free.svg" alt="Freeware"></a></li>
<li><a href="https://github.com/krampstudio/webvim">WebVim</a> - 倾向于开发 JavaScript 和 Web 的 Vim。</li>
<li><a href="https://github.com/jaywcjlove/vim-web">vim-web</a> - 一个前端开发工程师的 Vim。<a href="https://github.com/jaywcjlove/vim-web"><img src="https://jaywcjlove.github.io/sb/ico/min-oss.svg" alt="Open-Source Software"> <img src="https://jaywcjlove.github.io/sb/ico/min-free.svg" alt="Freeware"></a></li>
<li><a href="https://neovim.io/">Neovim</a> - 提高 Vim 可扩张灵活性。<a href="https://github.com/neovim/neovim"><img src="https://jaywcjlove.github.io/sb/ico/min-oss.svg" alt="Open-Source Software"></a>
<img src="https://jaywcjlove.github.io/sb/ico/min-free.svg" alt="Freeware">
</li>
<li><a href="https://github.com/ctjhoa/spacevim">Spacevim</a> - 模仿 Spacemacs 的使用方式。</li>
<li><a href="http://vim.spf13.com/">Spf13</a> - 一套全方位的配置项目。</li>
<li><a href="https://github.com/chxuan/vimplus">vimplus</a> - 一套完全自动化打造 Vim 开发环境的项目。<a href="https://github.com/chxuan/vimplus"><img src="https://jaywcjlove.github.io/sb/ico/min-oss.svg" alt="Open-Source Software"> <img src="https://jaywcjlove.github.io/sb/ico/min-free.svg" alt="Freeware"></a></li>
<li><a href="https://github.com/kepbod/ivim">ivim</a> - 一套简单易用,高可定制化 Vim 配置方案。</li>
<li><a href="https://github.com/dofy/7th-vim">7th-vim</a> - 轻量级,可定制化的 Vim 配置方案。</li>
</ul><!--idoc:config:
title: Editors Plugin 分享推荐 -
description: Editors Plugin 分享推荐 - Awesome Mac
-->
</markdown-style>
<nav class="tocs">
<aside class="inner toc">
<ol class="tocs-list">
<li><a href="#atom-plugin" class="tocs-link">Atom Plugin</a></li>
<li><a href="#sublime-text-plugin" class="tocs-link">Sublime Text Plugin</a></li>
<li><a href="#vscode-plugin" class="tocs-link">VSCode Plugin</a></li>
<li><a href="#vim-plugin" class="tocs-link">Vim Plugin</a></li>
</ol>
</aside>
</nav>
</div>
<script src="js/demo-preview.js?v=1.34.4"></script>
<div class="footer warpper">This work is licensed under a <a href="http://creativecommons.org/licenses/by/4.0/">Creative Commons Attribution 4.0 International License</a>.<br>Generated by <a href="https://github.com/jaywcjlove/idoc" target="_blank">idoc</a> v1.34.4
<script async src="https://www.googletagmanager.com/gtag/js?id=G-SFKVKE1QRF"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-SFKVKE1QRF');
</script>
</div>
<script src="js/tocbot.js?v=1.34.4"></script>
</body>
</html>