VScode插件 PHP及Laravel、Vue及JS、HTML及CSS、主题美化和其他常用插件
内容导读
互联网集市收集整理的这篇技术教程文章主要介绍了VScode插件 PHP及Laravel、Vue及JS、HTML及CSS、主题美化和其他常用插件,小编现在分享给大家,供广大互联网技能从业者学习和参考。文章包含2899字,纯文字阅读大概需要5分钟。
内容图文
常用插件
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、主题美化和其他常用插件全部内容,希望文章能够帮你解决VScode插件 PHP及Laravel、Vue及JS、HTML及CSS、主题美化和其他常用插件所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错,欢迎将互联网集市网站推荐给程序员好友。
内容备注
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 gblab@vip.qq.com 举报,一经查实,本站将立刻删除。
内容手机端
扫描二维码推送至手机访问。