Javascript

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

本文主要是介绍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/

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