此文章就是记录一下常用的 Vs Code 的插件, 以及一些快捷键
Chinese(Simplified) Language Pack for Visual Stidio Code
中文汉化包
open-in-browser
在浏览器中查看
Live Server
实时预览
Auto Close Tag
自动闭合标签
Auto Rename Tag
尾部闭合标签同步修改
Bracket Pair Colorizer
用不同颜色高亮显示匹配的括号
Highlight Matching Tag
高亮显示匹配标签
Vscode-icons VSCode
文件图标
Code Spell Checker
单词拼写检查
Vscode-element-helper
编写标签时自动提示element标签名称
Vetur
Vue开发支持
EsLint
javascript代码的检查
TsLint
TypeScript代码的检查
TsLint Vue
在vue中使用ts用到的插件
Dracula Official
吸血鬼主题
minapp
支持微信小程序标签、属性的智能补全,并且提示中包含文档内容(同时支持原生小程序、mpvue 和 wepy 框架,并提供 snippets)。
wechat-snippet
这个插件主要的功能就是代码辅助,代码片段自动完成,可以作为上个插件的补充。
wxml
这款插件用于将wxml代码进行高亮显示,并且提供代码格式化的功能,可将代码格式化为较易阅读的样式。
Reactjs code snippets
React开发辅助,可快捷创建组件
vscode-styled-components
React 使用第三方css模块styled-component 用于js中css代码高亮显示
常用快捷键
编辑器与窗口管理
Ctrl+Shift+P: 打开命令面板。
Ctrl+Shift+N: 新建窗口。
Ctrl+Shift+W: 关闭窗口。
切分窗口:Ctrl+1/Ctrl+3/Ctrl+3
Ctrl+H:最小化窗口
Ctrl+B:显示/隐藏侧边栏
Ctrl+"+/-":放大/缩小界面
文件操作
Ctrl+N:新建文件
Ctrl+W:关闭文件
Ctrl+Tab:文件切换
格式调整
Ctrl+C/Ctrl+V:复制或剪切当前行/当前选中内容
Alt+Up/Down:向上/下移动一行
Shift+Alt+Up//Down:向上/下复制一行
Ctrl+Delete:删除当前行
Shift+Alt+Left/Right:从光标开始向左/右选择内容
代码编辑
Ctrl+D:选中下一个相同内容
Ctrl+Shift+L:选中所有相同内容
Ctrl+F:查找内容
Ctrl+Shit+F:在整个文件夹中查找内容