临时笔记

Getting Started

命令及快捷键

interface overview

  • Find and run all commands: Ctrl+Shift+P
  • File explore: Ctrl+Shift+E
  • Search across files: Ctrl+Shift+F
  • Source code management: Ctrl+Shift+G
  • Launch and debug: Ctrl+Shift+D
  • Mange extensions: Ctrl+Shift+X
  • View errors and warnings: Ctrl+Shift+M
  • Toggle integrated terminal: Ctrl+`

Help

  • Help:welcom

Themem

  • Preferences:color theme
  • Preferences: file color theme

Keyboard

  • Preferences: Open Default Keyboard Shortcuts File

File

  • Quick open: C+P
  • File: Quick Open Rencent 或者: C+P C+P
  • Quick open multi fules: C+P →

选择

  • 收缩/扩展选中:S+A+←/→
  • 选中当前行:C+I

Go to Symbol in File

  • C+S+O

Go to Symbol in Workspace

  • C+T

Navigate to a specific line

  • C+G

Undo cursor position

  • Keyboard Shortcut: Ctrl+U

Trim trailing whitespace(修剪尾部空格)

Keyboard Shortcut: Ctrl+K Ctrl+X

VSCode code

VSCode 提供了强大的 code 工具。

# open code with current directory
code .

# open the current directory in the most recently used code window
code -r .

# create a new window
code -n

# change the language
code --locale=es

# open diff editor
code --diff <file1> <file2>

# open file at specific line and column <file:line[:character]>
code --goto package.json:10:5

# see help options
code --help

# disable all extensions
code --disable-extensions .

Side Bar

  • 切换Side Bar: C+B

Zen mode

  • C-K Z

Side by side Editing

  • 新建:C+\
  • 关闭:C+W 或 C+F4
  • 切换:C+1/2,3

Navigation history

  • Navigate entire history: Ctrl+Tab
  • Navigate back: Alt+Left
  • Navigate forward: Alt+Right

Markdown

  • 快速提示:quickSuggestions 【Settings】
  • Open Markdown Preview:C+S+V
  • Side by Side Markdown Edit and Preview:Ctrl+K V

Interactive Editor Playground

Multi-Cursor Editing

非常重要的几个命令,尤其是 C+S+L

  • Box Selection —— C+S+A+↑/↓/←/→
  • Add a cursor —— C+A+↑/↓
  • Create cursors on all occurrences of a string —— C+S+L

IntelliSense

  • C-Space
    ?

Line Actions

  • 拷贝一行并且插入到上一行或者下一行: S+A+↑/↓
  • 移动一行到上一行或者下一行:A+↑/↓
  • 删除一整行:C+S+K
  • Join lines

Rename Refactoring

更名重构:
批量修改变量或者函数名称。

使用 F2

Refactoring via Extraction

有时,您希望将已编写的代码重构成单独的函数或常数,以便以后重用它。

?

Formatting

格式化整个文档: S+A+F
格式化当前选中部分: C+K C+F

附加的 格式化工具,如 clang-format.

Setting: editor.formatOnSave - 设置保存时自动格式化

Code Folding

在大型文件中,经常折叠代码段以提高可读性通常是有用的。

  • 折叠展开:C+S+[/]
  • 全部折叠:C+K C+0

折叠代码是以缩进为基础的,因此可以适用于所有的语言。只需缩进代码以创建一个可折叠的部分,就可以使用快捷方式折叠一定数量的级别,如Ctrl+K Ctrl+1到Ctrl+K Ctrl+5。

Errors and Warnings

当您用代码编辑代码时,错误和警告会被高亮显示。在下面的示例中,您可以看到许多语法错误。通过按下F8,您可以依次浏览它们并查看详细的错误消息。当您纠正它们时,会出现斜杠和滚动条指示器。

Snippets

通过使用片段,可以极大地加快编辑速度。只需开始键入尝试并从建议列表中选择Trycatch,然后按Tab创建一个Test-> catch块。您的光标将被放置在文本错误,以便于编辑。如果存在不止一个参数,则按Tab跳转到它。

  • 通过插件安装各种语言的片段
  • Preferences:Configure user snippets : 配置用户自定义的片段

Emmet

Emmet 将代码片段的思想带到了一个全新的层次:可以输入可以动态解析的CSS类表达式,并根据在缩写中输入的内容生成输出。

??

JavaScript Type Checking

  • 在workspace或application中使能Javascript的 type checking:"Javascript.implicitProjectConfig.checkJs": true

https://code.visualstudio.com/docs


Visual Studio Code is a lightweight but powerful source code editor which runs on your desktop and is available for Windows, macOS and Linux. It comes with built-in support for JavaScript, TypeScript and Node.js and has a rich ecosystem(生态系统) of extensions for other languages (such as C++, C#, Java, Python, PHP, Go) and runtimes (such as .NET and Unity). Begin your journey with VS Code with these introductory videos.

First Steps

To get the most out of Visual Studio Code, start by reviewing a few introductory topics:

  • Intro Videos - Begin your journey with VS Code through these introductory videos.

  • Setup - Install VS Code for your platform and configure the tool set for your development needs.

  • User Interface - Introduction to the basic UI, commands, and features of the VS Code editor.

  • Settings - Customize VS Code for how you like to work.

  • Languages - Learn about VS Code's support for your favorite programming languages.

  • Node.js - This tutorial gets you quickly running and debugging a Node.js web app.

  • Tips and Tricks - Jump right in with Tips and Tricks to become a VS Code power user.

  • Azure - VS Code is great for deploying your web applications to the cloud.

  • Community - Connect with the VS Code community and check out other ways to learn VS Code.

  • Why VS Code? - Read about the design philosophy and architecture of VS Code.

Keyboard Shortcuts

Increase your productivity with VS Code's keyboard shortcuts.

  • Keyboard Shortcut Reference Sheet - Learn the commonly used keyboard shortcuts.

  • Keymap Extensions - Change VS Code's keyboard shortcuts to match another editor.

  • Customize Keyboard Shortcuts - Modify the default keyboard shortcuts.

Downloads

Download VS Code - Quickly find the appropriate install for your platform (Windows, macOS and Linux).

Privacy

By default, VS Code auto-updates to new versions, and collects usage data and crash report information. You may opt out of these defaults by disabling them as instructed below:

  • How do I disable auto update?

  • How do I disable crash reporting?

  • How do I disable usage reporting?

©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 203,362评论 5 477
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 85,330评论 2 381
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 150,247评论 0 337
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 54,560评论 1 273
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 63,580评论 5 365
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,569评论 1 281
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 37,929评论 3 395
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,587评论 0 258
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 40,840评论 1 297
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,596评论 2 321
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,678评论 1 329
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,366评论 4 318
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 38,945评论 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,929评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,165评论 1 259
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 43,271评论 2 349
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,403评论 2 342

推荐阅读更多精彩内容