vscode使用记录

目录

• 插件
  • 问题
    • vscode配置插件时候不能正确跳转json

插件

主题

Snazzy Operator

• Oceanic Next - 我使用了 Oceanic Next (dimmed bg)
• emedy - 我使用了 Remedy Dark (straight)

风格

vetur 针对Vue.js框架，提供代码风格和语法提示

提高效率

Auto Rename Tag 自动修改对应标签

在 settings.json 文件中的 auto-rename-tag.activationOnLanguage 中添加一项以设置扩展名将被激活的语言。默认情况下，它是[“ *”]，将为所有语言激活。

"auto-rename-tag.activationOnLanguage": ["html", "xml", "php", "javascript"]

Bracket Pair Colorizer 2 用颜色标识匹配的括号以及括号内容

Highlight Matching Tag 突出显示匹配的开始或结束标签及标签内容。

我使用的扩展的样式：

"highlight-matching-tag.styles": {
  "opening": {
    "left": {
      "custom": {
        "borderWidth": "0 0 0 1.5px",
        "borderStyle": "solid",
        "borderColor": "yellow",
        "borderRadius": "5px",
        "overviewRulerColor": "white"
      }
    },
    "right": {
      "custom": {
        "borderWidth": "0 1.5px 0 0",
        "borderStyle": "solid",
        "borderColor": "yellow",
        "borderRadius": "5px",
        "overviewRulerColor": "white"
      }
    }
  }
}

Image preview 悬停时显示图像预览。

Settings Sync 多台机器上同步vscode设置

TODO Highlight

在代码中突出显示 TODO，FIXME 和其他注释。

语法补充

react es语法快捷键

ES7 React/Redux/GraphQL/React-Native snippets

React生成模板代码快捷键

Simple React Snippets

针对js的插件，包含了js的常用语法关键字，很实用

JavaScript Snippet Pack

ES6生成模板代码快捷键

JavaScript (ES6) code snippets

格式化

快速格式化代码

Prettier - Code formatter

发布

Live server 从端口预览非编译静态文件

# 文件注释和函数注释
KoroFileHeader　


=================================


# 写CSS颜色代码工具。使用：按#就出现了。比color pick好用一点
vs color picker
# sass转换css、 min.css工具
easy sass


# 快速格式化代码
Format Modified
# 正则大全
any-rule

参考阅读

我的VS Code设置，高效编码

问题

vscode配置插件时候不能正确跳转json

C:UsersXXXX.vscodeextensions

从这里手动配置json

VS code快捷键
1、注释：
　　a) 单行注释：[ctrl+k,ctrl+c] 或 ctrl+/
　　b) 取消单行注释：[ctrl+k,ctrl+u] (按下ctrl不放，再按k + u)
　　c) 多行注释：[alt+shift+A]
　　d) 多行注释：/**
2、移动行：alt+up/down
3、显示/隐藏左侧目录栏 ctrl + b
4、复制当前行：shift + alt +up/down
5、删除当前行：shift + ctrl + k
6、控制台终端显示与隐藏：ctrl + ~
7、查找文件/安装vs code 插件地址：ctrl + p
8、代码格式化：shift + alt +f
9、新建一个窗口: ctrl + shift + n
10、行增加缩进: ctrl + [
11、行减少缩进: ctrl + ]
12、裁剪尾随空格(去掉一行的末尾那些没用的空格) : ctrl + shift + x
13、字体放大/缩小: ctrl + ( + 或 - )
14、拆分编辑器 :ctrl + 1/2/3
15、切换窗口:  ctrl + shift + left/right
16、关闭编辑器窗口:  ctrl + w
17、关闭所有窗口 : ctrl + k + w
18、切换全屏 :F11
19、自动换行:  alt + z
20、显示git:   ctrl + shift + g
21、全局查找文件：ctrl + p
22、显示相关插件的命令(如：git log)：ctrl + shift + p
23、选中文字：shift + left / right / up / down
24、折叠代码： ctrl + k + 0-9 (0是完全折叠)
25、展开代码： ctrl + k + j (完全展开代码)
26、删除行 ： ctrl + shift + k
27、快速切换主题：ctrl + k / ctrl + t
28、快速回到顶部 ： ctrl + home
29、快速回到底部 : ctrl + end
30、格式化选定代码 ：ctrl + k / ctrl +f
31、选中代码 ： shift + 鼠标左键
32、多行同时添加内容（光标） ：ctrl + alt + up/down
33、全局替换：ctrl + shift + h
34、当前文件替换：ctrl + h
35、打开最近打开的文件：ctrl + r
36、打开新的命令窗：ctrl + shift + c