详解vscode中vue代码颜色插件


Posted in Javascript onOctober 11, 2018

vue提示插件【Vscode】

      编者寄语:vscode的确是前端开发中很好的工具,安装颜色插件,从视觉上是美的享受。曾经的我遇到了vscode代码全是灰色,黑色的困惑,后来整理找到方法,整理这篇,以下高亮插件,建议大家都安装了。

          在VSCode Marketplace 搜素Vue 出现关于语法高亮的插件有 vuevue-beautifyvue-colorVueHelpervertur等等。比较了下载数量可以了解到,vetur 是目前比较好的语法高亮插件,我们来安装一下吧。

详解vscode中vue代码颜色插件

vscode提高效率有效使用插件:

vscode-Document This-----jsdoc注释生成。

vscode-eCSStractor-----抽取页面的class,生成一个css文档。

vscode-CSS Peek------class名字定义跳转。(终于拥有dw cc的这个css定义跳转功能)

vscode-Live Server-----http服务器(相当于使用nodejs的http-server )。

VueHelper  Vue2代码段(包括Vue2 api、vue-router2、vuex2)

Quokka.js  可以即时显示js和ts的运行结果,想试验一些短代码的运行结果,但是又不想之后删除文件的时候可以用到

codeRunner 可以运行C, C++, Java, JavaScript, PHP, Python, Perl, Perl 6, Ruby, Go, Lua, Groovy, PowerShell, BAT/CMD, BASH/SH, F# Script, F# (.NET Core), C# Script,等开发语言并支持局部执行

IntelliSense for CSS class names  智能提示 css 的 class 名

Node.js Modules Intellisense  可以在导入语句中自动完成JavaScript / TypeScript模块。

vscode-faker   生成假数据,地址,电话,图片等等

Regex Previewer   测试正则的插件

总结

以上所述是小编给大家介绍的vscode中vue代码颜色插件,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对三水点靠木网站的支持!

Javascript 相关文章推荐
图片上传即时显示缩略图的js代码
May 27 Javascript
JavaScript调用堆栈及setTimeout使用方法深入剖析
Feb 16 Javascript
jQuery Mobile页面跳转后未加载外部JS原因分析及解决
Mar 18 Javascript
javascript中parentNode,childNodes,children的应用详解
Dec 17 Javascript
jquery解析xml字符串示例分享
Mar 25 Javascript
jQuery 获取、设置HTML或TEXT内容的两种方法
May 23 Javascript
基于jquery的文字向上跑动类似跑马灯的效果
Sep 22 Javascript
jQuery实现拖拽效果插件的方法
Mar 23 Javascript
实例解析JS布尔对象的toString()方法和valueOf()方法
Oct 25 Javascript
jQuery获取剪贴板内容的方法
Jun 16 Javascript
React中如何引入Angular组件详解
Aug 09 Javascript
layui2.0使用table+laypage实现真分页
Jul 27 Javascript
微信小程序之裁剪图片成圆形的实现代码
Oct 11 #Javascript
Vue中使用ElementUI使用第三方图标库iconfont的示例
Oct 11 #Javascript
css配合JavaScript实现tab标签切换效果
Oct 11 #Javascript
vue最简单的前后端交互示例详解
Oct 11 #Javascript
JavaScript中七种流行的开源机器学习框架
Oct 11 #Javascript
用Object.prototype.toString.call(obj)检测对象类型原因分析
Oct 11 #Javascript
使用vue 国际化i18n 实现多实现语言切换功能
Oct 11 #Javascript
You might like
强烈推荐:php.ini中文版(2)
2006/10/09 PHP
php foreach 参数强制类型转换的问题
2010/12/10 PHP
修改PHP的memory_limit限制的方法分享
2012/02/21 PHP
字符串长度函数strlen和mb_strlen的区别示例介绍
2014/09/09 PHP
PHP如何读取由JavaScript设置的Cookie
2017/03/22 PHP
通过判断JavaScript的版本实现执行不同的代码
2010/05/11 Javascript
getComputedStyle与currentStyle获取样式(style/class)
2013/03/19 Javascript
jquery根据name属性查找的小例子
2013/11/21 Javascript
js获取Html元素的实际宽度高度的方法
2016/05/19 Javascript
jQuery UI实现动画效果代码分享
2018/08/19 jQuery
使用 vue 实例更好的监听事件及vue实例的方法
2019/04/22 Javascript
Node对CommonJS的模块规范
2019/11/06 Javascript
[42:20]2014 DOTA2华西杯精英邀请赛5 24 DK VS NewBee
2014/05/25 DOTA
使用Python的Bottle框架写一个简单的服务接口的示例
2015/08/25 Python
基于python 字符编码的理解
2017/09/02 Python
Python文件操作之合并文本文件内容示例代码
2017/09/19 Python
Python简单实现socket信息发送与监听功能示例
2018/01/03 Python
python 求一个列表中所有元素的乘积实例
2019/06/11 Python
如何使用python3获取当前路径及os.path.dirname的使用
2019/12/13 Python
python实现名片管理器的示例代码
2019/12/17 Python
使用 PyTorch 实现 MLP 并在 MNIST 数据集上验证方式
2020/01/08 Python
python pandas dataframe 去重函数的具体使用
2020/07/20 Python
解析python 类方法、对象方法、静态方法
2020/08/15 Python
python语言实现贪吃蛇游戏
2020/11/13 Python
css3类选择器之结合元素选择器和多类选择器用法
2017/03/09 HTML / CSS
详解HTML5中的picture元素响应式处理图片
2018/01/03 HTML / CSS
HTML5 客户端数据库简易使用:IndexedDB
2019/12/19 HTML / CSS
英国知名奢侈品包包品牌:Milli Millu
2016/12/22 全球购物
健康监测猫砂:Pretty Litter
2017/05/25 全球购物
趣天网日本站:Qoo10 JP
2019/09/18 全球购物
Lancer Skincare官方网站:抗衰老皮肤护理
2020/11/20 全球购物
美国乒乓球设备、配件和服装品牌:Killerspin
2020/06/07 全球购物
体育教育专业毕业生自荐信
2013/11/15 职场文书
旅游业大学生创业计划书
2014/01/31 职场文书
村级环境卫生整治方案
2014/05/04 职场文书
基于Python实现射击小游戏的制作
2022/04/06 Python