Editors 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 - 可以跟当前文件输出目标文件的相对路径，适合多文件相互调用。
- Nuclide - 用于编写 React Native，代码提示各种很厉害的样子。
-
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工具，支持高亮代码，自动补全，代码片段等
