VSC学习笔记

2023-05-16

1. VSC简介

Visual Studio Code(简称VSC,下同)是微软发布的一款轻量级开源IDE,具有代码编辑(语法高亮、代码补全等)、调试等特性。也拥有对Git开箱即用的支持。同时它还支持插件扩展。
VSC用到的技术栈包括Electron(基于前端技术栈开发跨平台桌面GUI程序的开源框架), Monaco Editor(基于浏览器的代码编辑器), TypeScript(JavaScript的严格超集), Language Server Protocol(编程语言相关的功能)、Debug Adapter Protocol(一个基于json的协议,抽象了开发工具和调试工具之间通信)、Xterm.js(一个使用TypeScript开发的前端组件,将完整的终端功能带入了浏览器)。

2. 安装

VSC可以在Windows, Linux, macOS中运行,本文主要基于Windows系统。
Windows安装简单,在官网下载安装包,按照提示进行安装即可。
需要注意的是,VSC在安装时仅包含基本组件。用户在安装好vsc后可以根据自身需求安装额外插件,如版本控制工具Git,C语言编译器gcc等。

3. 快速入门

3.1 设置

VSC中的所有内容几乎都可以被设置。根据作用范围不同,可以分为User Settings(用户设置,全局范围)和WorkSpace Settings(工作区设置,只在相应的工作区生效,会覆盖用户设置)。
用户可以通过以下两种方法进行设置:
①设置编辑器:Files > Preferences > Settings;Ctrl+,
②settings.json:Ctrl+Shift+P > Open Settings(JSON)

# 一些常用的设置项
"editor.fontSize": 18        #编辑区字体大小
"editor.insertSpaces": true    #Tab键插入空格或制表符
"editor.tabSize": 4            #一个Tab等于的空格数
"files.autoSave": "afterDelay",    #设置自动保存模式
"files.autoSaveDelay": 1000

3.2 用户界面

VSC的界面主要可分为以下5部分,可依次点击菜单栏的 查看>外观 进行显示或隐藏。
VSC界面示例
活动栏:方便在不同视图之间进行切换;②侧边栏:包含资源管理器文件夹视图:浏览和管理项目中文件和文件夹;大纲视图:显示当前文件的符号树;)、搜索代码过滤器调试与运行插件这5个基本视图;③编辑器:代码编辑区域,可以多行或多列的打开多个编辑器;④面板:包括问题、输出、终端、调试面板。⑤状态栏

通过ctrl+shift+p可以快速打开命令面板,命令面板能调用很多命令,从而实现通过键盘进行操作,解放鼠标。

# 常用命令的快捷键
Ctrl + P    #文件跳转
Crtl + G    #跳转到文件的某一行

并排编辑:①打开新的编辑器:资源管理器文件上单击右键>Open to the Side; alt+单击资源管理器文件;ctrl+\; ②编辑器布局:View>Editor Layout;③ctrl+[1-9]快速的在不同编辑器进行切换。
主题:①颜色主题:ctrl+k + ctrl + t;②文件图标主题:file > preferences > file icon theme

3.3 编辑功能

功能说明方法
多光标同时编辑多处文本alt+鼠标左键
列选择选择区域内的文本光标放在左上角 > shift+alt+光标放在右下角
自动保存-File > Auto Save
热退出退出时记住未保存的文件files.hotExit
搜索-ctrl+f > (shift+)enter
智能提示智能补全tab; enter
格式化-shift+alt+f; ctrl+k > ctrl+f
代码折叠-shift
缩进-editor.insertSpaces, editor.tabSize
文件编码-files.encoding

更多快捷键:ctrl+k > ctrl+shelp > Keyboard Shortcut Reference

3.4 集成终端

VSC内置了集成终端,其中Windows系统有Command Prompt, PowerShell, WSL Bash(需安装子系统), Git Bash(需安装)可供选择,默认终端可通过终端右上角的Select Default Shell进行设置。如果选择其它shell(如Cygwin),可以通过terminal.integrated.shell.windows来设置。

终端常用快捷键如下:

快捷键功能
ctrl+shift+反引号创建新终端
ctrl +反引号显示终端
ctrl+alt+(PageUp|PageDown)向上/下滚动
shift+(PageUp|PageDown)向上/下滚动一页
ctrl+(Home|End)滚动到顶部/底

多个终端可以进行分割、切换等操作。

4. 进阶应用

4.1 调试

VSC内置对Node.js运行时的调试支持,可直接调试JavaScript和TypeScript。调试其它编程语言则需要安装相应的调试插件。
无论何种编程语言调试,VSC提供了统一的调试界面(Run and Debug视图)。下文5.2列举了一个python的调试示例。

4.2 Git

安装Git,需要确保安装的版本大于2.0.0。安装完成后重启VSC。
常见的git命令

命令功能
命令面板:Git: Clonegit clone
源码视图:STAGED CHANGES > -git reset
源码视图:CHANGES > +git add
消息输入框?ctrl + Entergit commit
源码视图:(并排)选两文件;(内联)Inline Viewgit diff
命令面板:Create new branchgit branch

5. Python

5.1 安装

①安装python解释器:下载python安装程序并安装。然后通过以下命令验证是否成功安装了python环境。

py -0    #查看所有安装的python版本,默认解释器被标记星号

②安装python插件:在插件管理视图搜索并安装微软官方发布的python插件。

5.2 使用示例

示例1:编辑和运行
首先按以下代码打开一个窗口,然后在资源管理器创建并打开hello.py文件,在编辑器键入print("hello world"),点击右上角按钮运行文件。

mkdir hi_py
cd hi_py
code .    # 打开一个vsc

单击运行按钮后,python插件会打开一个终端,并执行python代码。

示例2:调试
在需要调试代码前添加断点;打开运行和调试视图,点击调试按钮,选择python file选项进行调试。
调试示例
在调试视图显示变量信息。在调试控制台可以对python变量和表达式直接进行运算。

示例3:测试
python插件支持unittest、pytest等测试框架。
①在命令面板执行python: config tests依次选择测试框架、包含测试文件的文件夹路径、测试文件命名模式?
②依次准备以下测试文件,待测试文件inc_dec.py

def increment(x):
    return x+1

def decrement(x):
    return x-1

单元测试文件test_pytest.py

import inc_dec

def test_increment():
    assert inc_dec.increment(3) == 4

def test_decrement():
    assert inc_dec.decrement(3) == 4

③在终端执行pytest命令,进行测试。
测试示例

参考文献:
韩骏.Visual Studio Code权威指南[M].北京:电子工业出版社

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

VSC学习笔记 的相关文章

  • 训练Tesseract

    训练Tesseract 大多数其他的验证码都是比较简单的 例如 xff0c 流行的 PHP 内容管理系统 Drupal 有一个著 名的验证码模块 https www drupal org project captcha xff0c 可以生成
  • 【python】pip指定路径安装文件

    在网上下载个tar gz的安装包 xff0c 用pip在指定目录安装 pip install target 61 路径 文件名 pip install target 61 E work zicai pd code AutoTest3 7 s
  • pa_offset = offset & ~(sysconf(_SC_PAGE_SIZE) - 1) 详解

    发现很多文章都没有把pa offset 61 offset amp sysconf SC PAGE SIZE 1 详细计算过程写出来 xff0c 自己专门计算了一遍 xff0c 附在文末 本例为man mmap中的原样实例程序 xff0c
  • python环境安装系列-1-Windows10中Anaconda安装及相关问题

    python环境安装系列 1 1 安装Anaconda32 配置环境变量3 condarc文件 xff08 根据 Anaconda3安装参考 1 修改的 xff09 4 激活问题解决方法链接步骤 新电脑要装python环境 xff0c 刚好
  • Win10+Anaconda+Tensorflow2.0安装教程(手把手带你安装tensorflow)

    安装说明 xff1a 平台 xff1a windows 版本 xff1a tensorflow2 0 0 alpha0 xff08 cpu版本 xff09 安装方式 xff1a pip 一 安装环境 Tensorflow2 0 0的CPU版
  • 人工智能能力提升指导总结

    文章目录 基础知识人工智能自学之路1 人工智能 机器学习 深度学习的关系2 数据集 需求3 深度学习平台比较4 训练过程可视化5 经典训练案例训练通用规则1 设置目标2 准备数据集3 模型搭建4 训练网络与测试5 保存模型6 验证模型7 评
  • 网闸和防火墙

    文章目录 网闸和防火墙1 网闸是什么2 防火墙是什么3 网闸和防火墙的区别是什么4 参考资料 网闸和防火墙 1 网闸是什么 介绍 网闸 xff0c 又名安全隔离网闸 xff0c 物理隔离网闸 xff1b 一般用于实现 xff1a 不同安全级
  • 你知道ChatGPT背后的核心技术是什么吗

    你知道ChatGPT背后的核心技术是什么吗 更新 xff1a GPT 4原理 xff1a https yunyaniu blog csdn net article details 129573291 spm 61 1001 2014 300
  • 中国四大骨干网和三大运营商网络是什么关系?

    中国四大骨干网和三大运营商网络是什么关系 xff1f 文章目录 介绍Q1 中国四大骨干网是什么 xff1f Q2 和三大网运营商的关系是什么呢 xff1f Q3 xff1a 另外3个对个人用户开放使用吗 xff1f 如何盈利 xff1f 中
  • 零基础小白如何备考2023年注册会计师

    文章目录 零基础小白如何备考2023年注册会计师一 注册会计师定义1 证书等级 xff1a 2 发展方向 xff1a 3 职责 xff1a 4 证书前景 xff1a 二 考试报名 xff08 一 xff09 报名条件 xff08 二 xff
  • 百度网盘外链采集分析 爬取百度网盘用户分享 自建百度网盘文件链接搜索引擎

    我建的网盘文件搜索引擎 http s supermindsoft com 找一个订阅超多用户的uk xff0c 爬取用户的所有订阅用户uk和粉丝数 xff0c 不断深入 爬取 得到一个按粉丝数从高到低排列的用户uk表 从数据库获取粉丝超多用
  • python 代码命令大全

    以下命令都是我边做项目边学习的 strip命令 知道stripper 吧 xff0c 哈哈 对 xff0c strip就是将某部分内容删除 map命令 一张图搞定 power 命令 可是让我好找 xff0c 一直找不到 xff0c xff0
  • 直接可以用的Python和OpenCV检测及分割图像的目标区域例子

    第一天 老师 xff1a 你知道么 xff0c 今天有人问了我一个问题 我 xff1a 什么 xff1f 老师 xff1a 他说很难 我 xff1a 关于什么的 xff1f 老师 xff1a 图像处理 我 xff1a 喔 xff0c 你说说
  • 数据格式汇总及type, astype, dtype区别

    标签 xff08 空格分隔 xff09 xff1a python 文章目录 uint8 在此输入正文8位的无符号整形数据 xff0c 取值范围从0到255 一 singed与unsigned的区别二 float xff0c 1 改变类型 x
  • 文件权限_前进的火车_新浪博客

    1 文件权限简介 linux文件权限有9个 xff0c 三组表示 xff0c owner group others 每组又包含r xff0c w xff0c x三种状态 2 根据数字修改权限 r xff0c w xff0c x三种权限通过数
  • 猫盘onespace x3p系统使用

    前言 猫盘用了大概快一年了 xff0c 主要的使用的功能以及最长用的功能就是samba服务 xff0c 当做家庭的影音存储中心 xff0c 其他的nas相关下载 xff0c 同步等等功能用的极少 故最终的需求就是 xff0c 将猫盘做成一个
  • Git配置用户名与邮箱

    1 用户名和邮箱地址的作用 用户名和邮箱地址是本地git客户端的一个变量 每次commit都会用用户名和邮箱纪录 github的contributions统计就是按邮箱来统计的 2 查看用户名和邮箱地址 git config user na
  • 网络流量监控工具ntopng安装—redhat7 server

    网络流量监控工具ntopng安装 redhat7 5 版本信息 服务器版本 xff1a redhat 7 5 ntopng版本 xff1a 3 9 190907 Community Edition nDPI版本 xff1a 2 9 0 17
  • redhat7.2源码安装Nginx(pcre、zlib、openssl及升级其版本)

    操作系统环境版本redhat release 7 2 编译环境准备 xff1a 安装make yum y install gcc automake autoconf libtool make 安装g 43 43 yum install gc
  • IDEA maven本地仓库、中心仓库、远程仓库配置

    IDEA maven本地仓库 中心仓库 远程仓库配置 最近在学习maven xff0c 但是发现IDEA中配置maven xff0c 总是有这样那样的坑 xff0c 写此贴 xff0c 为了避免有人和我一样踩坑吧 xff01 xff01 x

随机推荐