vscode extension使用推荐

wtysos11 commented 4 years ago

之前的vscode太乱了，我自己都不知道自己装了什么扩展，乱作一团。下面会列举一些我使用过的vscode 插件，后面看有时间要不自己做一个。其他人的推荐：

github-blog，使用了gif+介绍的方式，很直观。推荐了GitLens、Quokka.js、Intellicode、Debugger for Chrome、Auto Rename Tag、SCSS IntelliSense、ESLint、Prettier、Vetur、Code Runner、Path Intelligence、Code Picker。主要是前端相关的。

wtysos11 commented 4 years ago

code runner

地址：

官方摘要：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, CUDA, and custom command 可以看到这是一个方便执行的插件，通过配置执行器可以将命令行操作简化到vscode中。

使用

运行代码：

使用快捷键Ctrl+Alt+N
或者按F1后选择运行代码

停止运行：

使用快捷键Ctrl+Alt+M
按F1后选择停止运行

按Ctrl+Alt+J选择运行的语言

可以设置"code-runner.executorMap"数组的内容，使用正则表达式匹配不同的文件，选择不同的执行命令。可以设置"code-runner.defaultLanguage"的内容，选定默认语言。

wtysos11 commented 3 years ago

Comment Anchors

在注释中输入下面文字可以被标记起来，方便进行查找。

ANCHOR - Used to indicate a section in your file
TODO - An item that is awaiting completion
FIXME - An item that requires a bugfix
STUB - Used for generated default snippets
NOTE - An important note for a specific code section
REVIEW - An item that requires additional review
SECTION - Used to define a region (See 'Hierarchical anchors')
LINK - Used to link to a file that can be opened within the editor (See 'Link Anchors')

实际效果

wtysos11 commented 3 years ago

Better Comments

实际效果和上面那个的区别在于没有anchor（某些时候比较省心，毕竟anchor刷屏也挺恐怖的），以及整行变色（上面的TODO就是开了两边的结果）

wtysos11 commented 3 years ago

wtysos11 / blogWiki