vscode使用记录
插件
主题
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
参考阅读
问题
vscode配置插件时候不能正确跳转json
C:\Users\XXXX\.vscode\extensions
从这里手动配置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
