VSCode常用快捷键与流行插件

常用快捷键

• CMD + P: 文件的快速跳转
• CMD + D: 选中鼠标所在词汇，多次按下后可选择其他行内的当前词汇
• Alt + Shift + arrow up/down: 向上或者向下复制一行，这个我自定义成了ctrl + shift + D
• CMD + Shift + K: 删除当前一行，这个我改成了ctrl + Y
• Option + arrow up/down: 将当前行向上或者向下移动一行
• CMD + B: 控制左侧栏的显示与隐藏，这个我改成了alt + 1
• pubf: 快速创建一个function（method）
• 往前或往后跳到上一次的编辑位置

流行插件（扩展）列表

（一）PHP及laravel相关的插件

• PHP Intelephense: 注意这个并不同于PHP IntelliSense ，后者以及PHP Extension Pack会导致vscode的代码提示加载缓慢，具体可查看该issue
• PHP Snippets from PHPStorm
• Laravel 5 Snippets
• laravel-blade
• Laravel Blade Snippets
• Laravel Blade Spacer
• Laravel goto view：alt+click跳转到相应的view
• laravel-goto-controller:在route文件里，可以alt+click跳转到相应的controller

（二）Vue及JS相关的插件

• Vue 2 Snippets
• Vetur
• npm: 提供更好的npm支持
• npm Intellisense: 引入npm组件的时候，能提供自动提示和补齐（autocomplete）的功能
• Import Cost：当你import或者require某一个组件的时候，能直接显示该组件的引入大小

（三）主题与美化相关的插件

• Material Theme
• VScode icons
• Bracket Pair Colorizer
• Prettier: JavaScript格式美化工具，包括ES2017， JSX, Flow, TypeScript, CSS, LESS, SCSS, JSON and GraphQL
• Babel ES6/ES7 for colouring modern JavaScript code:

（四）HTML&CSS等相关的插件

• Bootstrap 4 & Font awesome snippets for Visual studio code：Bootstrap 4, Font awesome 4 & Font Awesome 5

（五）其他辅助功能相关的插件

• advanced-new-file：如果你不喜欢每次在文件夹图标上右键新建文件，可以使用此插件，通过ctrl+alt+n快捷键来快速创建新的文件或文件夹
• Auto Close Tag：
• Auto Rename Tag: Auto rename paired HTML/XML tag
• Git Lens
• Git History: View git log, file history, compare branches or commits
• TODO Highlight
• Better Comments: Improve your code commenting by annotating with alert, informational, TODOs, and more
• Code Spell Checker: Spelling checker for source code
• Mark Jump: Jump to the marked section in the code
• Markdown All In One: All you need to write Markdown (keyboard shortcuts, table of contents, auto preview and more)
• Project manager
• Settings sync：保存你对VSCode所做的各种自定义设置，方便更换电脑或者系统时快速地重建工作流程，云端用的是GitHub gist
• Path intellisense:在写html标签时，遇到文件路径时，能自动提示和补全 Quick and Simple Text Selection: Jump to select between quote, brackets, tags, etc

VSCode视频课程