vscode前端IDE常用配置和插件

325 阅读1分钟

常用快捷键

快捷键组合实现效果
Option + Up/Down向上/下移动行
Option + Shift + Up/Down向上/下复制行
Command + Shift + Enter上一行插入
Command + Shift + \跳转到匹配的括号
Command + Up/Down跳转到文件开头/结尾
Command + Shift + Up/Down选中光标所在位置至文件开头/结尾
Command + Shift + K删除当前行
Control + K删除光标所在位置至当前行结尾
Control + -返回
Control + Shift + -前进
Control + `控制台
Command + shift + N新的vscode窗口
Command + N新建文件
Command + O打开文件
Command + W关闭当前文件
Command + F当前文件搜索
Command + Shift + F全局搜索
Command + k + j展开全部折叠方法
command + k + 0折叠全部方法

插件

主题风格

扩展名描述
atom one dark theme主题
vscode great icons图标
chinese语言

开发利器

扩展名描述
auto rename tag标签命名自动同步
ES7+ React/Redux/React-Native snippets代码片段
Live Server本地开发服务
open in browser浏览器打开文件
Prettier - Code formattereslint方式格式化代码
code runner执行代码
Gitlens查看git提交历史
Eslint检查格式

配置

配置项描述
文件->自动保存失去焦点自动保存文件
code->首选项->设置->常用设置 FontSize:14-16编辑区字体大小
code->首选项->设置->常用设置 WordWrap:on太长自动换行
code->首选项->设置->常用设置 TabSize:2缩进为2字符
code->首选项->设置->常用设置 RenderWhitespace:all看到空格
code->首选项->设置->常用设置 FormatOnSave:打钩保存时格式化
右键文件->使用格式化文档->配置默认格式化文档->选择prettier