VScode插件 PHP及Laravel、Vue及JS、HTML及CSS、主题美化和其他常用插件

常用插件

PHP 及 Laravel 插件

1. PHP Intelephense ：PHP代码解析
2. PHP Snippets from PHPStorm ： PHPstorm中的 LiveTemplate 例如：pubf 之类；
3. Laravel 5 Snippets ： Laravel 中的 blade 及 Collective HTML 的解析；
4. laravel-blade ： 高亮 blade 代码
5. Laravel Blade Snippets ：vscode 中使用 b:，快捷使用 Laravel 的相关语法
6. Laravel Blade Spacer ： 快捷打出 {{ }} {!! !!} {{-- --}}
7. Laravel goto view ： 按住 cmd 加左键点击视图名，可直接跳转到视图文件；win 下按ctrl，或是 alt 加左键点击；
8. laravel-goto-controlle ： 路由文件里通过 cmd 加左键点击访问 controller 文件；

Vue 及 JS 插件

1. Vue 2 Snippets
2. Vetur
3. npm
4. npm Intellisense
5. Import Cost

主题美化相关插件

1. Material Theme 编辑器风格；
2. VScode icons 资源列表中文件夹及文件的图标；
3. indent-rainbow 编辑界面中tab占位显示不同的颜色；
4. Bracket Pair Colorizer
5. Prettier: JavaScript格式美化工具，包括ES2017， JSX, Flow, TypeScript, CSS, LESS, SCSS, JSON and GraphQL
6. Babel ES6/ES7 for colouring modern JavaScript code:

HTML 及 CSS 插件

1. Bootstrap 4 & Font awesome snippets for Visual studio code
2. vscode-icon，这款必须要推荐，明显提升效率的小插件，在项目文件多类型多的情况下，找到制定文件会大大缩短时间；
3. Class autocomplete for HTML，编写html代码的朋友们对html代码的一大体现就是重复，如果纯用手敲不仅累还会影响项目进度，这款自动补全插件真的很棒；
4. beautify，这款类似于vscode里格式化代码的功能，不错；
5. Emoji，很好玩的一款插件，可以在代码中插入emoji了，也许是程序猿的娱乐方式吧；
6. HTML Snippets，这款插件包含html标签，非常全，很实用；
7. Can I Use，自动检测所写代码能否在相应容器正常编译执行；
8. JavaScript Snippet Pack，针对js的插件，包含了js的常用语法关键字，很实用；
9. HTML CSS Support，在编写样式表的时候，自动补全功能大大缩减了编写时间，推荐！
10. Auto Close Tag，编写html代码的时候，写完开始标签，这款插件会自动补全结束标签，其实上面所说的html自动补全插件一个Tab就搞定了，不过有时也需要这款插件；
11. Auto Rename Tag，非常实用！要修改标签名称的时候自动修改结束标签，节省一半时间，提升效率，非常棒！
12. jQuery Code Snippets：juqery提示插件
13. Path Intellisense：自动路劲补全，默认不带这个功能的，赶紧装
14. Debugger for Chrome：让 vscode 映射 chrome 的 debug功能，静态页面都可以用 vscode 来打断点调试。
15. Debugger for Firefox，在Firefox浏览器中调试。

其它

1. Auto Close Tag：
2. Auto Rename Tag: Auto rename paired HTML/XML tag
3. Git Lens
4. Git History: View git log, file history, compare branches or commits
5. TODO Highlight
6. Better Comments: Improve your code commenting by annotating with alert, informational, TODOs, and more
7. Code Spell Checker: Spelling checker for source code
8. Mark Jump: Jump to the marked section in the code
9. Markdown All In One: All you need to write Markdown (keyboard shortcuts, table of contents, auto preview and more)
10. Project manager
11. Settings sync：保存你对VSCode所做的各种自定义设置，方便更换电脑或者系统时快速地重建工作流程，云端用的是GitHub gist
12. Path intellisense:在写html标签时，遇到文件路径时，能自动提示和补全 Quick and Simple Text Selection: Jump to select between quote, brackets, tags, etc

参考：https://code.visualstudio.com/