前端开发工具--vscode

Posted 2021-03-07 xguoz

一个好用的开发工具对于开发来说很重要。经历过HBuilder，sublime，webstorm之后，最终稳定使用 VSCode。

至于历史，和与其他编辑器对比，在此不做解释。仅从自己使用角度做个总结记录。（总结是个好习惯）

VSCode之插件：详细信息可搜索并打开相应插件查看

　　1、Auto Close Tag　　自动闭合标签

　　　　

 

　　2、auto-rename-tag v0.1.1 自动重命名匹配的尾标签

　　　　

 

　　3、auto import v1.5.3 使用安装包的组件方法时，自动发现并引入包

　　　　Automatically finds, parses and provides code actions and code completion for all available imports. Works with Typescript and TSX.

　　　　

 

　　4、bracket-pair-colorizer v1.0.61 不同颜色高亮匹配的括号

　　　　

 

　　5、code-runner v0.9.16  执行代码片段和文件

　　　　Run code snippet or code file for multiple languages: C, C++, Java, JavaScript, PHP, Python, Perl, Perl 6, Ruby, Go, Lua, Groovy, PowerShell, BAT/CMD, BASH/SH, F# Script, F# (.NET Core), C# Script, C# (.NET Core), VBScript, TypeScript, 　　　　CoffeeScript, Scala, Swift, Julia, Crystal, OCaml Script, R, AppleScript, Elixir, Visual Basic .NET, Clojure, Haxe, Objective-C, Rust, Racket, Scheme, AutoHotkey, AutoIt, Kotlin, Dart, Free Pascal, Haskell, Nim, D, Lisp, Kit, V, SCSS, Sass, and 　　　　custom command

　　　　

 

　　6、code-settings-sync v3.4.3  同步编辑器的配置，比如用户配置，插件配置等。需要登录GitHub

　　　　参考：配置方法

　　　　

 

　　7、color-highlight v2.3.0  高亮颜色

　　　　

 

　　8、compareit v0.0.2  对比文件

　　　　

 

　　9、minapp-vscode v2.2.2

　　　　

 

　　10、open-html-in-browser v2.1.2 在浏览器中打开HTML文件

　　　　

 

　　11、prettier-vscode v3.20.0  格式化多种格式文件

　　　　javascript · TypeScript · Flow · JSX · JSON 
　　　　CSS · SCSS · Less 
　　　　HTML · Vue · Angular 
　　　　GraphQL · Markdown · YAML 

　　　　

 

　　12、prettify-json v0.0.3  格式化json

　　　　

 

　　13、react-snippets v0.1.2    React 代码片段

　　　　

 

 

　　14、vscode-typescript-tslint-plugin v1.2.3  语法检查

　　　　

 

 

　　15、vetur v0.23.0

 

　　　　

 

 

　　16、vscode-icons v10.0.0  图标

　　　　

 

 

 

　　17、wxml-vscode v0.1.2

　　　　

 

 

　　18、vscode-browser-preview v0.5.9  在编辑器内打开一个浏览器环境