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

2021/4/11 1:27:00

编程Tag： vue 插件 Auto html 补全 laravel

本文主要是介绍VScode插件 PHP及Laravel、Vue及JS、HTML及CSS、主题美化和其他常用插件，对大家解决编程问题具有一定的参考价值，需要的程序猿们随着小编来一起学习吧！

常用插件

PHP 及 Laravel 插件

PHP Intelephense ：PHP代码解析
PHP Snippets from PHPStorm ： PHPstorm中的 LiveTemplate 例如：pubf 之类；
Laravel 5 Snippets ： Laravel 中的 blade 及 Collective HTML 的解析；
laravel-blade ：高亮 blade 代码
Laravel Blade Snippets ：vscode 中使用 b:，快捷使用 Laravel 的相关语法
Laravel Blade Spacer ：快捷打出 {{ }} {!! !!} {{-- --}}
Laravel goto view ：按住 cmd 加左键点击视图名，可直接跳转到视图文件；win 下按ctrl，或是 alt 加左键点击；
laravel-goto-controlle ：路由文件里通过 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
vscode-icon，这款必须要推荐，明显提升效率的小插件，在项目文件多类型多的情况下，找到制定文件会大大缩短时间；
Class autocomplete for HTML，编写html代码的朋友们对html代码的一大体现就是重复，如果纯用手敲不仅累还会影响项目进度，这款自动补全插件真的很棒；
beautify，这款类似于vscode里格式化代码的功能，不错；
Emoji，很好玩的一款插件，可以在代码中插入emoji了，也许是程序猿的娱乐方式吧；
HTML Snippets，这款插件包含html标签，非常全，很实用；
Can I Use，自动检测所写代码能否在相应容器正常编译执行；
JavaScript Snippet Pack，针对js的插件，包含了js的常用语法关键字，很实用；
HTML CSS Support，在编写样式表的时候，自动补全功能大大缩减了编写时间，推荐！
Auto Close Tag，编写html代码的时候，写完开始标签，这款插件会自动补全结束标签，其实上面所说的html自动补全插件一个Tab就搞定了，不过有时也需要这款插件；
Auto Rename Tag，非常实用！要修改标签名称的时候自动修改结束标签，节省一半时间，提升效率，非常棒！
jQuery Code Snippets：juqery提示插件
Path Intellisense：自动路劲补全，默认不带这个功能的，赶紧装
Debugger for Chrome：让 vscode 映射 chrome 的 debug功能，静态页面都可以用 vscode 来打断点调试。
Debugger for Firefox，在Firefox浏览器中调试。

其它

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

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

这篇关于VScode插件 PHP及Laravel、Vue及JS、HTML及CSS、主题美化和其他常用插件的文章就介绍到这儿，希望我们推荐的文章对大家有所帮助，也希望大家多多支持为之网！