VS Code 快速使用指南
发布于 5 个月前 作者 qjzd 405 次浏览 最后一次编辑是 1 个月前 来自 码农

常用插件

Settings Sync 同步vscode配置到github,方便多台设备共享vscode配置

Auto Close Tag 自动闭合 html 等标签 (</…>)

Auto Rename Tag 修改 html 标签时,自动修改闭合标签

Path Autocomplete import 路径自动补全

prettier 格式化代码,github地址

Chinese (Simplified) Language Pack for Visual Studio Code 适用于 VS Code 的中文(简体)语言包

open in browser 使用浏览器打开

JSON Tools JSON格式化

Beautify 美化 javascript, JSON, CSS, Sass, and HTML

Git History GIT 历史操作

GitLens 查看各样代码的git版本信息

Vetur 识别vue的插件,功能强大

Material Theme 主题,通过>preferences:Color Theme选择设置

vscode-icons 图标,通过>preferences:File icon Theme选择设置

Material Icon Theme 图标,通过>preferences:File icon Theme选择设置

IntelliSense for CSS class names in HTML 自动感知项目中的css类名,并支持补全

npm-intellisense npm自动感知补全,vscode自带,无需安装

Debugger-for-chrome 用谷歌浏览器调试,配置启动服务,.vscode\launch.json服务地址,然后F5启动浏览器

Quokka.js 实时执行 JavaScript 代码(做快速的 demo 很有用)。 ctrl+p 然后 >quokka.js:newJavaScript 使用免费版就好

Code Runner 支持多种语言的代码的立即执行。支持的语言: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, AutoHotkey, AutoIt, Kotlin, Dart, Free Pascal, Haskell, Nim, D。

VS Live Share 不仅仅是编辑的协作,甚至可以共享终端,一起调试:

  • 打开插件管理,搜索“live share”
  • 安装后重启,在左下角会出现 login 按钮
  • 登录后就可以分享你的工作空间了

SVG Viewer svg显示,支持导出png

HTML Snippets html代码片段,支持自动快速补全代码

Code Spell Checker 英文代码拼写检查

VSC Netease Music 网易云音乐播放插件

Flow Language Support js支持flow语法的插件

Make sure you have a .flowconfig file somewhere in your project.
Make sure you are able to run the flow command from the command line (or see Configuration to customize the command or use NPM packaged flow).
Set javascript.validate.enable option to false or completely disable the built-in TypeScript extension for your project (see gif below):
回到顶部