Open Lenny-Hu opened 5 years ago
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 + shift + f
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
vscode设置
{
"editor.tabSize": 2,
"cssrem.rootFontSize": 64,
"px-to-rem.px-per-rem": 64,
"todohighlight.isEnable": false,
"files.autoSave": "off",
"stylelint.enable": true,
"stylelint.config": {
"extends": "stylelint-config-standard",
"rules": {
"at-rule-no-unknown": [true, {
"ignoreAtRules": ["function", "if", "else", "each", "include", "mixin", "extend"]
}],
// 禁止低优先级的选择器出现在高优先级的选择器之后
"no-descending-specificity": null,
"font-family-no-missing-generic-family-keyword": null,
"at-rule-empty-line-before": ["always", {
"except": [
"blockless-after-same-name-blockless",
"first-nested"
],
"ignore": ["after-comment"],
"ignoreAtRules": ["else"]
}],
"block-closing-brace-newline-after": ["always", {
"ignoreAtRules": ["if", "else"]
}]
}
},
"terminal.integrated.shell.windows": "C:\\Windows\\System32\\WindowsPowerShell\\v1.0\\powershell.exe",
"workbench.colorTheme": "One Dark Pro",
"[php]": {
"editor.defaultFormatter": "bmewburn.vscode-intelephense-client"
},
"autoprefixer.browsers": [
"defaults",
"ie >= 9",
"iOS >= 7",
"Firefox > 20",
"chrome >= 22"
]
}
vscode 的常用插件
Todo Tree
在代码处按指定格式todo,可搜索这些todoDocument this
Js、typescript的注释模板koroFileHeader
一个支持多语言,读取用户设置的自定义模板,通过快捷键添加文件头部注释、在光标处添加函数注释的VsCode插件Path Intellisense
自动路径补全、默认不带这个功能Auto Rename Tag
修改html标签,自动帮你完成尾部闭合标签的同步修改,和webstorm一样。Auto Close Tag
自动闭合HTML标签Beautify
格式化代码的工具Dash
Dash是MacOS的API文档浏览器和代码段管理器(需要先安装dash)HTML CSS Support
在HTML标签上写class智能提示当前项目所支持的样式Debug for Chrome
让vs code映射chrome的debug功能,静态页面都可以用vscode来打断点调试、配饰稍微复杂一点jQuery Code Snippets
jquery提示工具Html2jade
html模板转pug模板Prettier - Code formatter | JS-CSS-HTML Formatter
代码格式化Npm intellisense
require 时的包提示工具Open in browser
打开默认浏览器One Dark Theme
一个vs code的主题Pug(Jade) snippets
pug语法提示Vscode-icons 让vscode
资源目录加上图标、必备VueHelper
Vue2代码段(包括Vue2 api、vue-router2、vuex2)Vue 2 Snippets
vue必备vue代码提示Vue-color
vue语法高亮主题(主题)Auto-Open Markdown Preview markdown
文件自动开启预览SFTP
文件同步工具Can I Use
兼容性查询工具autoprefixer
自动添加css前缀工具