From 3063276ea030d8b5346a25972dd0de82ad6dd092 Mon Sep 17 00:00:00 2001 From: springleo <782655835@qq.com> Date: Tue, 19 Feb 2019 11:28:12 +0800 Subject: [PATCH] enhance: add more vscode plugin in list, provide english/chinese language. (#567) --- editor-plugin-zh.md | 43 ++++++++++++++++++++++++++++++++++++++----- editor-plugin.md | 42 ++++++++++++++++++++++++++++++++++++++---- 2 files changed, 76 insertions(+), 9 deletions(-) diff --git a/editor-plugin-zh.md b/editor-plugin-zh.md index 1d34bb9..e04bfbe 100644 --- a/editor-plugin-zh.md +++ b/editor-plugin-zh.md @@ -81,11 +81,44 @@ Plugin ## VSCode Plugin -* [react-beautify](https://github.com/taichi/react-beautify) - 这个扩展封保存自动美化 JS, JSX, typescript, TSX 文件。 -* [Reactjs code snippets](https://github.com/xabikos/vscode-react) - ES6语法高亮，Reactjs开发的代码提示。 -* [Sublime Text Keymap](https://github.com/Microsoft/vscode-sublime-keybindings) - 在VScode中添加Sublime Text 热门快捷键。 -* [Import Cost](https://github.com/wix/import-cost) - 在编辑器中显示import/require包大小。 -* [Git Lens](https://github.com/eamodio/vscode-gitlens) - 增强了内置的Visual Studio代码Git功能。 +* 通用 + + * [vscode-icons](https://github.com/vscode-icons/vscode-icons) - Code设置vscode图标 + * [Bracket Pair Colorizer](https://github.com/CoenraadS/Bracket-Pair-Colorizer-2) - 着色匹配括号。 + * [Indent-Rainbow](https://github.com/oderwat/vscode-indent-rainbow) - 对缩进显示彩虹色作色，使得更加易读 + * [Trailing Spaces](https://github.com/shardulm94/vscode-trailingspaces) - 检测多余空格并高亮 + * [TODO Highlight](https://github.com/wayou/vscode-todo-highlight) - TODO备忘插件 + * [Code Spell Checker](https://github.com/Jason-Rev/vscode-spell-checker) - js或ts代码拼写检查 + * [Document This](https://github.com/joelday/vscode-docthis) - doc注视自动生成 + * [Sublime Text Keymap](https://github.com/Microsoft/vscode-sublime-keybindings) - 在VScode中添加Sublime Text 热门快捷键。 + * [Git Lens](https://github.com/eamodio/vscode-gitlens) - 增强了内置的Visual Studio代码Git功能。 + * [View In Browser](https://github.com/hellopao/view-in-browser) - 在vscode预览浏览器 + * [SVG Viewer](https://github.com/cssho/vscode-svgviewer) - 在vscode内查看svg图标 + * [Auto-Open Markdown Preview](https://github.com/hnw/vscode-auto-open-markdown-preview) - 实时预览markdown + * [Markdown PDF](https://github.com/yzane/vscode-markdown-pdf) - 将markdown文档转为pdf、html、png或jpeg + * [Debugger for Chrome](https://github.com/Microsoft/vscode-chrome-debug) - vscode中调试在chrome的js代码 + * [ESlint](https://github.com/Microsoft/vscode-eslint) - eslint在vscode工具，帮助校验es语法等 + * [TSLint](https://github.com/Microsoft/vscode-eslint) - tslint在vscode工具，帮助校验ts语法等 + +* HTML + * [Auto Close Tag](https://github.com/formulahendry/vscode-auto-close-tag) - 自动闭合标签 + * [Auto Rename Tag](https://github.com/formulahendry/vscode-auto-rename-tag) - 自动重命名标签 + * [HTML Snippets](https://marketplace.visualstudio.com/items?itemName=abusaidm.html-snippets) - html代码片段 + * [IntelliSense for CSS class names in HTML](https://github.com/Zignd/HTML-CSS-Class-Completion) - 基于当前项目css文件，在html中智能提示CSS类名 + * [HTML CSS Support](https://github.com/ecmel/vscode-html-css) - 在html中智能提示css样式 + +* JS + * [npm Intellisense](https://github.com/ChristianKohler/NpmIntellisense) - 自动提示npm包的导入 + * [Path Intellisense](https://github.com/ChristianKohler/PathIntellisense) - 自动提示文件路径 + * [Auto Import](https://github.com/soates/Auto-Import) - 自动识别解析导入 + * [Code Runner](https://github.com/formulahendry/vscode-code-runner) - 支持执行多语言测试代码 + * [Import Cost](https://github.com/wix/import-cost) - 在编辑器中显示import/require包大小。 + * [Regex Previewer](https://github.com/chrmarti/vscode-regex) - 测试写的正则表达式 + +* React/Vue + * [react-beautify](https://github.com/taichi/react-beautify) - 这个扩展封保存自动美化 JS, JSX, typescript, TSX 文件。 + * [Reactjs code snippets](https://github.com/xabikos/vscode-react) - ES6语法高亮，Reactjs开发的代码提示。 + * [Vetur](https://github.com/vuejs/vetur) - Vue-VSCode工具，支持高亮代码，自动补全，代码片段等 ## Vim Plugin diff --git a/editor-plugin.md b/editor-plugin.md index 01bb4b3..dea5d2c 100644 --- a/editor-plugin.md +++ b/editor-plugin.md @@ -60,10 +60,44 @@ Plugin ## VSCode Plugin -* [react-beautify](https://github.com/taichi/react-beautify) - This extension wraps prettydiff/esformatter to format your javascript, JSX, typescript, TSX file. -* [Reactjs code snippets](https://github.com/xabikos/vscode-react) - Code snippets for Reactjs development in ES6 syntax. -* [Sublime Text Keymap](https://github.com/Microsoft/vscode-sublime-keybindings) - Popular Sublime Text keybindings for VS Code. -* [Import Cost](https://github.com/wix/import-cost) - Display import/require package size in the editor. +* Common + + * [vscode-icons](https://github.com/vscode-icons/vscode-icons) - Icons for Visual Studio + * [Bracket Pair Colorizer](https://github.com/CoenraadS/Bracket-Pair-Colorizer-2) - Bracket Colorizer Extension for VSCode + * [Indent-Rainbow](https://github.com/oderwat/vscode-indent-rainbow) - Shows indentation with a faint rainbow colored background to make them more readable + * [Trailing Spaces](https://github.com/shardulm94/vscode-trailingspaces) - Allows you to highlight trailing spaces and delete them in a flash + * [TODO Highlight](https://github.com/wayou/vscode-todo-highlight) - Highlighting todos, fixmes, and any annotations + * [Code Spell Checker](https://github.com/Jason-Rev/vscode-spell-checker) - A simple source code spell checker for typescript and javascript + * [Document This](https://github.com/joelday/vscode-docthis) - JSDoc generator extension for Visual Studio Code + * [Sublime Text Keymap](https://github.com/Microsoft/vscode-sublime-keybindings) - Popular Sublime Text keybindings for VS Code. + * [Git Lens](https://github.com/eamodio/vscode-gitlens) - Supercharge the Git capabilities built into Visual Studio Code + * [View In Browser](https://github.com/hellopao/view-in-browser) - View a html file in system's default browser + * [SVG Viewer](https://github.com/cssho/vscode-svgviewer) - SVG Viewer for Visual Studio + * [Auto-Open Markdown Preview](https://github.com/hnw/vscode-auto-open-markdown-preview) - Opening Markdown-preview automatically when opening a Markdown file + * [Markdown PDF](https://github.com/yzane/vscode-markdown-pdf) - Convert Markdown file to pdf, html, png or jpeg file. + * [Debugger for Chrome](https://github.com/Microsoft/vscode-chrome-debug) - Debug your JavaScript code in the Google Chrome browser. + * [ESlint](https://github.com/Microsoft/vscode-eslint) - Integrate eslint into VSCode. + * [TSLint](https://github.com/Microsoft/vscode-eslint) - Integrate eslint into VSCode. + +* HTML + * [Auto Close Tag](https://github.com/formulahendry/vscode-auto-close-tag) - Auto Close Tag + * [Auto Rename Tag](https://github.com/formulahendry/vscode-auto-rename-tag) - Automatically rename paired HTML/XML tag + * [HTML Snippets](https://marketplace.visualstudio.com/items?itemName=abusaidm.html-snippets) - Html snippets + * [IntelliSense for CSS class names in HTML](https://github.com/Zignd/HTML-CSS-Class-Completion) - Provides CSS class name completion for the HTML class attribute based on the CSS files in your workspace + * [HTML CSS Support](https://github.com/ecmel/vscode-html-css) - CSS support for HTML documents + +* JS + * [npm Intellisense](https://github.com/ChristianKohler/NpmIntellisense) - Autocompletes npm modules in import statements + * [Path Intellisense](https://github.com/ChristianKohler/PathIntellisense) - Autocompletes filenames + * [Auto Import](https://github.com/soates/Auto-Import) - Automatically finds, parses and provides code actions for all available imports. + * [Code Runner](https://github.com/formulahendry/vscode-code-runner) - Run code snippet or code file for multiple languages + * [Import Cost](https://github.com/wix/import-cost) - Display import/require package size in the editor. + * [Regex Previewer](https://github.com/chrmarti/vscode-regex) Test regex and preview + +* React/Vue + * [react-beautify](https://github.com/taichi/react-beautify) - This extension wraps prettydiff/esformatter to format your javascript, JSX, typescript, TSX file. + * [Reactjs code snippets](https://github.com/xabikos/vscode-react) - Code snippets for Reactjs development in ES6 syntax. + * [Vetur](https://github.com/vuejs/vetur) - Vue tooling for VS Code，support Syntax-highlighting，Auto Completion，Snippet... ## Vim Plugin