您的位置: 首页  >  IT文章  >  VSCode 入门 一 基本布局 二 主题设置 三 图标主题 四 用户和工作区的差别 五 常用快捷键 六 git基本操作 七 vscode 使用git 八 插件推荐

VSCode 入门 一 基本布局 二 主题设置 三 图标主题 四 用户和工作区的差别 五 常用快捷键 六 git基本操作 七 vscode 使用git 八 插件推荐

分类: IT文章 • 2022-07-23 20:39:17

VSCode 入门 一 基本布局 二 主题设置 三 图标主题 四 用户和工作区的差别 五 常用快捷键 六 git基本操作 七 vscode 使用git 八 插件推荐

二 主题设置

2.1 选择颜色主题

方式一

文件 -> 首选项 -> 颜色主题 -> 上下按键 切换预览 -> enter选择

VSCode 入门 一 基本布局 二 主题设置 三 图标主题 四 用户和工作区的差别 五 常用快捷键 六 git基本操作 七 vscode 使用git 八 插件推荐

VSCode 入门 一 基本布局 二 主题设置 三 图标主题 四 用户和工作区的差别 五 常用快捷键 六 git基本操作 七 vscode 使用git 八 插件推荐

或者

CTRL + K
CTRL + T

方式二

查看 -> 命令面板 -> theme

VSCode 入门 一 基本布局 二 主题设置 三 图标主题 四 用户和工作区的差别 五 常用快捷键 六 git基本操作 七 vscode 使用git 八 插件推荐

VSCode 入门 一 基本布局 二 主题设置 三 图标主题 四 用户和工作区的差别 五 常用快捷键 六 git基本操作 七 vscode 使用git 八 插件推荐

或者

CTRL + SHIFT+ P

2.2 下载安装扩展颜色主题

方式一 扩展中搜索主题

VSCode 入门 一 基本布局 二 主题设置 三 图标主题 四 用户和工作区的差别 五 常用快捷键 六 git基本操作 七 vscode 使用git 八 插件推荐

方式二

CTRL + K
CTRL + T
安装其他颜色主题
分类：主题

VSCode 入门 一 基本布局 二 主题设置 三 图标主题 四 用户和工作区的差别 五 常用快捷键 六 git基本操作 七 vscode 使用git 八 插件推荐

2.3 删除（禁用）默认颜色主题

扩展 -> 三个... -> 显示内置的扩展

VSCode 入门 一 基本布局 二 主题设置 三 图标主题 四 用户和工作区的差别 五 常用快捷键 六 git基本操作 七 vscode 使用git 八 插件推荐

三 图标主题

3.1 选择图标主题

VSCode 入门 一 基本布局 二 主题设置 三 图标主题 四 用户和工作区的差别 五 常用快捷键 六 git基本操作 七 vscode 使用git 八 插件推荐

VSCode 入门 一 基本布局 二 主题设置 三 图标主题 四 用户和工作区的差别 五 常用快捷键 六 git基本操作 七 vscode 使用git 八 插件推荐

3.2 下载安装扩展图标主题

VSCode 入门 一 基本布局 二 主题设置 三 图标主题 四 用户和工作区的差别 五 常用快捷键 六 git基本操作 七 vscode 使用git 八 插件推荐

VSCode 入门 一 基本布局 二 主题设置 三 图标主题 四 用户和工作区的差别 五 常用快捷键 六 git基本操作 七 vscode 使用git 八 插件推荐

注意：三种排序

VSCode 入门 一 基本布局 二 主题设置 三 图标主题 四 用户和工作区的差别 五 常用快捷键 六 git基本操作 七 vscode 使用git 八 插件推荐

四 用户和工作区的差别

VSCode 入门 一 基本布局 二 主题设置 三 图标主题 四 用户和工作区的差别 五 常用快捷键 六 git基本操作 七 vscode 使用git 八 插件推荐

VSCode 入门 一 基本布局 二 主题设置 三 图标主题 四 用户和工作区的差别 五 常用快捷键 六 git基本操作 七 vscode 使用git 八 插件推荐

4.1 常用设置

  • 自动保存
    VSCode 入门 一 基本布局 二 主题设置 三 图标主题 四 用户和工作区的差别 五 常用快捷键 六 git基本操作 七 vscode 使用git 八 插件推荐

  • 字体大小
    VSCode 入门 一 基本布局 二 主题设置 三 图标主题 四 用户和工作区的差别 五 常用快捷键 六 git基本操作 七 vscode 使用git 八 插件推荐

  • 字体
    VSCode 入门 一 基本布局 二 主题设置 三 图标主题 四 用户和工作区的差别 五 常用快捷键 六 git基本操作 七 vscode 使用git 八 插件推荐

  • tab 大小
    VSCode 入门 一 基本布局 二 主题设置 三 图标主题 四 用户和工作区的差别 五 常用快捷键 六 git基本操作 七 vscode 使用git 八 插件推荐

VSCode 入门 一 基本布局 二 主题设置 三 图标主题 四 用户和工作区的差别 五 常用快捷键 六 git基本操作 七 vscode 使用git 八 插件推荐

  • 光标样式
    VSCode 入门 一 基本布局 二 主题设置 三 图标主题 四 用户和工作区的差别 五 常用快捷键 六 git基本操作 七 vscode 使用git 八 插件推荐

  • 多行同时编辑
    VSCode 入门 一 基本布局 二 主题设置 三 图标主题 四 用户和工作区的差别 五 常用快捷键 六 git基本操作 七 vscode 使用git 八 插件推荐

  • 插入空格
    VSCode 入门 一 基本布局 二 主题设置 三 图标主题 四 用户和工作区的差别 五 常用快捷键 六 git基本操作 七 vscode 使用git 八 插件推荐

  • 控制折行方式
    VSCode 入门 一 基本布局 二 主题设置 三 图标主题 四 用户和工作区的差别 五 常用快捷键 六 git基本操作 七 vscode 使用git 八 插件推荐

VSCode 入门 一 基本布局 二 主题设置 三 图标主题 四 用户和工作区的差别 五 常用快捷键 六 git基本操作 七 vscode 使用git 八 插件推荐

  • 配置排除的文件
    不会在资源管理器中显示
    VSCode 入门 一 基本布局 二 主题设置 三 图标主题 四 用户和工作区的差别 五 常用快捷键 六 git基本操作 七 vscode 使用git 八 插件推荐

4.2 文本编辑器

  • 字体
  • 正在格式化
  • 缩略图
    VSCode 入门 一 基本布局 二 主题设置 三 图标主题 四 用户和工作区的差别 五 常用快捷键 六 git基本操作 七 vscode 使用git 八 插件推荐
  • 文件
  • 工作台
    VSCode 入门 一 基本布局 二 主题设置 三 图标主题 四 用户和工作区的差别 五 常用快捷键 六 git基本操作 七 vscode 使用git 八 插件推荐

VSCode 入门 一 基本布局 二 主题设置 三 图标主题 四 用户和工作区的差别 五 常用快捷键 六 git基本操作 七 vscode 使用git 八 插件推荐

五 常用快捷键

5.1 常用快捷键介绍

VSCode 入门 一 基本布局 二 主题设置 三 图标主题 四 用户和工作区的差别 五 常用快捷键 六 git基本操作 七 vscode 使用git 八 插件推荐

VSCode 入门 一 基本布局 二 主题设置 三 图标主题 四 用户和工作区的差别 五 常用快捷键 六 git基本操作 七 vscode 使用git 八 插件推荐

5.2 快捷键映射

VSCode 入门 一 基本布局 二 主题设置 三 图标主题 四 用户和工作区的差别 五 常用快捷键 六 git基本操作 七 vscode 使用git 八 插件推荐

VSCode 入门 一 基本布局 二 主题设置 三 图标主题 四 用户和工作区的差别 五 常用快捷键 六 git基本操作 七 vscode 使用git 八 插件推荐

VSCode 入门 一 基本布局 二 主题设置 三 图标主题 四 用户和工作区的差别 五 常用快捷键 六 git基本操作 七 vscode 使用git 八 插件推荐

5.2 自定义快捷键

VSCode 入门 一 基本布局 二 主题设置 三 图标主题 四 用户和工作区的差别 五 常用快捷键 六 git基本操作 七 vscode 使用git 八 插件推荐

VSCode 入门 一 基本布局 二 主题设置 三 图标主题 四 用户和工作区的差别 五 常用快捷键 六 git基本操作 七 vscode 使用git 八 插件推荐

正在录制按键
VSCode 入门 一 基本布局 二 主题设置 三 图标主题 四 用户和工作区的差别 五 常用快捷键 六 git基本操作 七 vscode 使用git 八 插件推荐

六 git基本操作

  • clone
  • add
  • commit
  • pull
  • checkout

七 vscode 使用git

  • 修改提示
    VSCode 入门 一 基本布局 二 主题设置 三 图标主题 四 用户和工作区的差别 五 常用快捷键 六 git基本操作 七 vscode 使用git 八 插件推荐

  • 未跟踪
    VSCode 入门 一 基本布局 二 主题设置 三 图标主题 四 用户和工作区的差别 五 常用快捷键 六 git基本操作 七 vscode 使用git 八 插件推荐

  • add
    VSCode 入门 一 基本布局 二 主题设置 三 图标主题 四 用户和工作区的差别 五 常用快捷键 六 git基本操作 七 vscode 使用git 八 插件推荐

  • commit
    VSCode 入门 一 基本布局 二 主题设置 三 图标主题 四 用户和工作区的差别 五 常用快捷键 六 git基本操作 七 vscode 使用git 八 插件推荐

    VSCode 入门 一 基本布局 二 主题设置 三 图标主题 四 用户和工作区的差别 五 常用快捷键 六 git基本操作 七 vscode 使用git 八 插件推荐

  • push
    没有未更改的，点击...推送到远程仓库
    VSCode 入门 一 基本布局 二 主题设置 三 图标主题 四 用户和工作区的差别 五 常用快捷键 六 git基本操作 七 vscode 使用git 八 插件推荐

  • vscode对git的跟踪
    VSCode 入门 一 基本布局 二 主题设置 三 图标主题 四 用户和工作区的差别 五 常用快捷键 六 git基本操作 七 vscode 使用git 八 插件推荐

八 插件推荐

  • 1 css peek (css和html关联)

按住 ctrl显示css样式
VSCode 入门 一 基本布局 二 主题设置 三 图标主题 四 用户和工作区的差别 五 常用快捷键 六 git基本操作 七 vscode 使用git 八 插件推荐

鼠标左键点击，跳到css处

  • 2 prettier (代码格式化)

  • 3 Icon Fonts (图标集，如Font Awesome Glyphicons)

  • 4 auto rename tag(自动重命名标签)

  • 5 html boilerplate(html 模版)

  • 6 color info(颜色提示)

  • 7 auto close tag (自动闭合标签)

  • 8 html css support (html 中css class 的智能提示)

相关推荐