一、 vscode中常用快捷鍵
- 注释:
a) 单行注释:cmd+/
b) 取消单行注释:[cmd+k,cmd+u] (按下cmd不放,再按k + u)或者cmd+/
c) 多行注释:[alt+shift+A]
d) 多行注释:/** - 移动行:alt+up/down
- 显示/隐藏左侧目录栏 cmd+ b
- 复制当前行:shift + alt +up/down
- 删除当前行:cmd + x
- 控制台终端显示与隐藏:ctrl + ~
- 查找文件/安装vs code 插件地址:cmd + p
- 代码格式化:shift + alt + f
- 新建一个窗口 : cmd + shift + n
- 行增加缩进: cmd + ]
- 行减少缩进: cmd + [
- 裁剪尾随空格(去掉一行的末尾那些没用的空格) : ctrl + shift + x
- 字体放大/缩小: cmd + ( + 或 - )
- 拆分编辑器 : cmd + 1/2/3
- 切换窗口 : cmd + ~
- 关闭编辑器窗口 : cmd + w
- 关闭所有窗口 : cmd + k + w
- 切换全屏 : F11
- 自动换行 : alt + z
- 显示git : ctrl + shift + g
- 全局查找文件:cmd + shift + f
- 显示相关插件的命令(如:git log):cmd + shift + p
- 选中文字:shift + left / right / up / down
- 折叠代码: cmd + k + 0-9 (0是完全折叠)或者cmd + alt + [
- 展开代码: cmd + k + j (完全展开代码)或者cmd + alt + ]
- 删除行 : cmd + shift + k
- 快速切换主题:
首先:按下 cmd + k 然后再按下:cmd + t 此时就会弹出相关的主题,自行选择就好了
- 快速回到顶部 : cmd + up
- 快速回到底部 : cmd + down
- 格式化选定代码 :
首先按下:ctrl + k 然后再按下:ctrl +f
- 选中代码 : shift + 鼠标左键
- 多行同时添加内容(光标) :ctrl + alt + up/down
- 全局替换:cmd + shift + h
- 当前文件查找:cmd + f
- 打开最近打开的文件:ctrl + r
- 打开新的命令窗:cmd + shift + c
- 合并行:ctrl + j
二、vs code 的常用插件
- Auto Rename Tag 修改html标签,自动帮你完成尾部闭合标签的同步修改,和webstorm一样。
- Auto Close Tag 自动闭合HTML标签
- Beautiful 格式化代码的工具
- Dash Dash是MacOS的API文档浏览器和代码段管理器
- Ejs Snippets ejs 代码提示
- ESLint 检查javascript语法错误与提示
- File Navigator 快速查找文件
- Git History(git log) 查看git log
- Gulp Snippets 写gulp时用到,gulp语法提示。
- HTML CSS Support 在HTML标签上写class智能提示当前项目所支持的样式
- HTML Snippets 超级好用且初级的H5代码片段以及提示
- Debug for Chrome 让vs code映射chrome的debug功能,静态页面都可以用vscode来打断点调试、配饰稍微复杂一点
- Document this Js的注释模板
- jQuery Code Snippets jquery提示工具
- Html2jade html模板转pug模板
- JS-CSS-HTML Formatter 格式化
- Npm intellisense require 时的包提示工具
- Open in browser 打开默认浏览器
- One Dark Theme 一个vs code的主题
- Path Intellisense 自动路径补全、默认不带这个功能
- Project Manager 多个项目之间快速切换的工具
- Pug(Jade) snippets pug语法提示
- React Components 根据文件名创建反应组件代码。
- React Native Tools reactNative工具类为React Native项目提供了开发环境。
- Stylelint css/sass代码审查
- Typings auto installer 安装vscode 的代码提示依赖库,基于typtings的
- View In Browser 默认浏览器查看HTML文件(快捷键Ctrl+F1可以修改)
- Vscode-icons 让vscode资源目录加上图标、必备
- VueHelper Vue2代码段(包括Vue2 api、vue-router2、vuex2)
- Vue 2 Snippets vue必备vue代码提示
- Vue-color vue语法高亮主题
- Auto-Open Markdown Preview markdown文件自动开启预览
- EverMonkey 印象笔记
- atom one dark atom的一个高亮主题(个人推荐)