介绍
这篇文章主要介绍VSCode中Vue开发推荐插件和VSCode快捷键都有哪些,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完!
首先这几个是VSCode推荐Vue开发必备的插件
Vetur——语法高亮,智能感知,蚂蚁等
包含格式化功能,Alt + Shift + F(格式化全文),Ctrl + K Ctrl + F(格式化选中代码,两个Ctrl需要同时按着)
EsLint——语法纠错
调试器铬——映射VSCode上的断点到Chrome上,方便调试(配置有点麻烦,其实我没用这个)
自动关闭标签,自动闭合HTML/XML标签
自动重命名标签——自动完成另一侧标签的同步修改
JavaScript (ES6)代码片段——ES6语法智能提示以及快速输入,除js外还支持.ts, .jsx, .tsx, . HTML。vue，省去了配置其支持各种包含js代码文件的时间
Path Intellisense —— 自动路劲补全
HTML CSS Support —— 让 html 标签上写class 智能提示当前项目所支持的样式
常用 General
按 Press功能 FunctionCtrl + Shift + P，F1显示命令面板 Show Command PaletteCtrl + P快速打开 Quick OpenCtrl + Shift + N新窗口/实例 New window/instanceCtrl + Shift + W关闭窗口/实例 Close window/instance基础编辑 Basic editing
按 Press功能 FunctionCtrl+X剪切行（空选定） Cut line (empty selection)Ctrl+C复制行（空选定）Copy line (empty selection)Alt+ ↑/蛏?向下移动行 Move line up/downShift+Alt + ↓/蛏?向下复制行 Copy line up/downCtrl+Shift+K删除行 Delete lineCtrl+Enter在下面插入行 Insert line belowCtrl+Shift+Enter在上面插入行 Insert line aboveCtrl+Shift+\跳到匹配的括号 Jump to matching bracketCtrl+]/[缩进/缩进行 Indent/outdent lineHome转到行首 Go to beginning of lineEnd转到行尾 Go to end of lineCtrl+Home转到文件开头 Go to beginning of fileCtrl+End转到文件末尾 Go to end of fileCtrl+↑/蛏?向下滚动行 Scroll line up/downAlt+PgUp/PgDown向上/向下滚动页面 Scroll page up/downCtrl+Shift+[折叠（折叠）区域 Fold (collapse) regionCtrl+Shift+]展开（未折叠）区域 Unfold (uncollapse) regionCtrl+K Ctrl+[折叠（未折叠）所有子区域 Fold (collapse) all subregionsCtrl+K Ctrl+]展开（未折叠）所有子区域 Unfold (uncollapse) all subregionsCtrl+K Ctrl+0折叠（折叠）所有区域 Fold (collapse) all regionsCtrl+K Ctrl+J展开（未折叠）所有区域 Unfold (uncollapse) all regionsCtrl+K Ctrl+C添加行注释 Add line commentCtrl+K Ctrl+U删除行注释 Remove line commentCtrl+/切换行注释 Toggle line commentShift+Alt+A切换块注释 Toggle block commentAlt+Z切换换行 Toggle word wrap导航 Navigation
按 Press功能 FunctionCtrl + T显示所有符号 Show all SymbolsCtrl + G转到行... 去行…Ctrl + P转到文件……去文件…Ctrl + Shift + O转到符号……去象征……Ctrl + Shift + M显示问题面板 Show Problems panelF8转到下一个错误或警告 Go to next error or warningShift + F8转到上一个错误或警告 Go to previous error or warningCtrl + Shift + Tab导航编辑器组历史记录 Navigate editor group historyAlt + ←/祷?前进 Go back/forwardCtrl + M切换选项卡移动焦点 Toggle Tab moves focus搜索和替换 Search and replace
按 Press功能 FunctionCtrl + F查找 FindCtrl + H替换 ReplaceF3/Shift + F3查找下一个/上一个 Find next/previousAlt + Enter选择查找匹配的所有出现 Select all occurences of Find matchCtrl + D将选择添加到下一个查找匹配 Add selection to next Find matchCtrl + K Ctrl + D将最后一个选择移至下一个查找匹配项 Move last selection to next Find matchAlt + C/R/W切换区分大小写/正则表达式/整个词 Toggle case-sensitive/regex/whole word多光标和选择 Multi-cursor and selection
按 Press功能 FunctionAlt +单击插入光标 Insert cursorCtrl + Alt +↑/谏?下插入光标 Insert cursor above/belowCtrl + U撤消上一个光标操作 Undo last cursor operationShift + Alt + I在选定的每一行的末尾插入光标 Insert cursor at end of each line selectedCtrl + I选择当前行 Select current lineCtrl + Shift + L选择当前选择的所有出现 Select all occurrences of current selectionCtrl + F2选择当前字的所有出现 Select all occurrences of current wordShift + Alt + →展开选择 Expand selectionShift + Alt + ←缩小选择 Shrink selectionShift + Alt + （拖动鼠标）列（框）选择 Column (box) selectionCtrl + Shift + Alt +（箭头键）列（框）选择 Column (box) selectionCtrl + Shift + Alt + PgUp/PgDown列（框）选择页上/下 Column (box) selection page up/down
