刘新修

Mac 键盘符号说明

• ⌘ == Command
• ⇧ == Shift
• ⇪ == Caps Lock
• ⌥ == Option
• ⌃ == Control
• ↩ == Return/Enter
• ⌫ == Delete
• ⌦ == 向前删除键（Fn+Delete）
• ↑ == 上箭头
• ↓ == 下箭头
• ← == 左箭头
• → == 右箭头
• ⇞ == Page Up（Fn+↑）
• ⇟ == Page Down（Fn+↓）
• Home == Fn + ←
• End == Fn + →
• ⇥ == 右制表符（Tab键）
• ⇤ == 左制表符（Shift+Tab）
• ⎋ == Escape (Esc)
• ⏏ == 电源开关键

• 俗话说得好，工欲善其事必先利其器，要想工作效率高，码代码的工具用的好是必须的，这里主要说一下 Mac 上 VScode 的快捷键，帮助大家快速搭建良好的开发工具。

  必备插件

  • Auto Close Tag - 自动闭合 HTML 标签
  • Auto Import - 自动 import 插件
  • Auto Rename Tag - 修改 HTML 标签时，自动修改匹配的标签
  • Bracket Pair Colorizer - 给括号前后进行着色
  • Can I Use - HTML5、CSS3、SVG 的浏览器兼容性检查
  • Code Spell Checker - 检查代码中的拼写错误
  • Code Runner - 运行选中代码段（支持大量语言，包括 Node）
  • Git Blame - 在状态栏显示当前行的 Git 信息
  • Git History - 查看 git log
  • GitLens - 显示文件最近的 commit 和作者，显示当前行 commit 信息
  • ESLint - ESLint 插件
  • Debugger for Chrome - 配合 chrome 进行 debug
  • HTML CSS Support - html，css 提示
  • HTMLHint - HTML 格式提示
  • JavaScript (ES6) code snippets - 支持 ES6 语法代码段
  • JavaScript Snippet Pack - 使用简单的两个字母就可以生成 JS 语句，需要记忆
  • jQuery Code Snippets - jquery 快捷提示，安装了之后输入 jq 就会看到很多提醒
  • language-stylus - 支持 stylus
  • Material Icon Theme - icon 样式，很好看
  • npm - 运行 npm 命令
  • npm Intellisense - 导入模块时，提示已安装模块名称
  • open in browser - 在浏览器运行当前页面，快捷键（option+B）
  • Output Colorizer - 控制台输出着色
  • Panda Theme - 一个主题
  • Path Intellisense - 路径自动补充
  • Prettier - 代码美化，快捷键（shift+option+F）
  • Vetur - 目前比较好的 Vue 语法高亮

常用

基本编辑

多光标和选择

搜索和替换

丰富的语言编辑

导航

编辑器管理

文件管理

显示

调试

集成终端