下载 vscode
下载地址:https://code.visualstudio.com/
常用插件
PHP
及 Laravel
插件
- PHP Intelephense 作者:Ben Mewburn PHP代码解析
- PHP Snippets from PHPStorm 作者:Phiter Fernandes PHPstorm中的
LiveTemplate
例如:pubf
之类; - Laravel 5 Snippets 作者:Sachit Tandukar Laravel 中的
blade
及Collective HTML
的解析; - laravel-blade 作者:Christian Howe 高亮
blade
代码 - Laravel Blade Snippets 作者:Winnie Lin vscode 中使用
b:
,快捷使用Laravel
的相关语法 - Laravel Blade Spacer 作者:Austen Cameron 快捷打出
{{ }}
{!! !!}
{{-- --}}
- Laravel goto view 作者:codingyu 按住
cmd
加左键点击视图名,可直接跳转到视图文件;win
下按ctrl
,或是alt
加左键点击; - laravel-goto-controller 作者:stef-k 路由文件里通过
cmd
加左键点击访问controller
文件;
Vue
及 JS
插件
- Vue 2 Snippets
- Vetur
- npm
- npm Intellisense
- Import Cost
主题美化相关插件
- Material Theme 编辑器风格;
- VScode icons 资源列表中文件夹及文件的图标;
- indent-rainbow 编辑界面中tab占位显示不同的颜色;
- 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
其它
- 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