VScode

拓展

基础

• code runner-运行代码
• 通义千问
• Live Server
• Excel Viewer-Excel 编辑
• Codetour-写侧边注释
• TODO highlight-高亮 todo 注释
• drawio-画流程图
• polacode-2022-展示部分代码给他人
• code spell checker-检查代码拼写错误
• prettier-美化代码
• Vibrancy Continued-毛玻璃背景
• Yapf--美化 python 代码
• JSON Tools--美化 json 格式
• Rainbow CSV

前端

• Chinese 汉化
  prettier 代码美化插件
  wisen-translator 翻译
  live preview 本地打开网页
  Live server ：实时预览 html
  VSCode icons 插件
  Git History Diff ：后面 git 教程中出现的插件
  HTMLHint ：检查 html 文件出错的地方

• / HTMl 必备
  Chinese (Simplified) Language Pack for Visual Studio Code （中文）
  open in browser （打开浏览器，快捷键“Alt+B”）
  vscode-icons （编辑器的文件图标 => 好看）
  Auto Rename Tag （自动匹配 HMTL 标签）
  Bracket Pair Colorizer （彩色的括号）
  Highlight Matching Tag （高亮对应 HTML 标签 & 表示对应括号，高效）
  stylelint （css/sass/less 语法检查）
  Path Intellisense （智能路径提示）

• // Vue 必备
  Vetur （Vue 必备，提示的嘛，方便）
  Live Server （代码保存后，浏览器自动更新）
  // React 必备
  Prettier （格式化插件，比 Beautify 好）

• // Egg 框架必备
  Egg.js dev tools （NodeJs 中 EggJs 框架，方便）

• // other
  carbon-now-sh （截获代码为 PNG，Ctrl+Shift+P => Carbon）
  background （界面右下角有个小人）

• Python

  • VscodePython设置

• Markdown

  • 这篇文章已经介绍过如何下载和使用 VSC 作为 Markdown 编辑器：

    蓝莓的铲屎官：[Markdown] 使用 vscode 开始 Markdown 写作之旅

    本文旨在介绍一些 VS Code 中的好用的 Markdown 插件。

    • 1. Markdown 插件
    • 2. 其他通用编辑器插件
    • 3. 快捷键

    VSC 中的 Markdown 插件主要分为两类：编辑类和渲染 (preview) 类。

    编辑类：

    • Markdown All in One 包含大部分功能，日常使用已经足够。
    • Markdown Shortcuts 高效的快捷键。少部分可能与 Markdown All in One​ ​冲突，实测以该插件为高优先级，也可以自行修改快捷键。
    • markdownlint 提供代码 lint。

    渲染类：

    • Github Markdown Preview 该插件集合可以修改 Preview 时的风格为 GitHub，但是代码块风格不能修改。包含插件如下:

      • ​Markdown Preview Github Styling​: CSS that makes the preview match Github's markdown style.
      • ​Markdown Emoji​: Adds :emoji:​ support to the markdown preview.（不支持 GFM 自定义的一些，如.）
      • ​Markdown Checkboxes​: Adds - [ ]​ tasklist support to the markdown preview.
      • ​Markdown yaml Preamble​: Adds support for rendering the yaml frontmatter as a table. Be sure to set "markdown.previewFrontMatter": "show"​.

设置

• Auto Save :自动保存，选择 afterDelay/On focus change
  Format On Save，保存文件后会自动格式化你的代码，简称自动美化器
  Default Formatter 默认的格式化插件，选择 prettier,默认格式化插件
  encoding 自动猜测语言
  ascii 突出显示非 ascii 字符
  linked Editing 编辑标签前后两侧

快捷键

1.control 加 D 会选择下一个相同的字符。就是当你选择一个单词之后，按一下 control 加 D 它会同时选择下一个，然后一直按会一直选。

2.按住 alter 再按一下鼠标左键，就会添加一个光标，也可以添加多个光标。同时添加之后我们输入文字，它会同时改变多个地方，这个功能也是非常方便。

3. control 加 S 保存， control 加 Z 是撤销

4.用 Alt 加 shift 加上下键，就可以快速地把一行代码复制到上面，或者是复制到下面。

5.查找 control 加 F 当你一个文件中的内容比较多的时候，我们想找一个字符找不到，就会用这个 control 加 F 查找。

6.注释：

• 单行注释： shift + #

• 多行注释 按照单行注释的方法一行一行实现（麻烦）直接将要注释的代码选中：ctrl + / （单行同样实用）""" """ 将代码块放在中间，如下：

• 按照单行注释的方法一行一行实现（麻烦）

• 直接将要注释的代码选中：ctrl + / （单行同样实用）

• """ """ 将代码块放在中间，如下：