Vue:VSCode完美配置指南

前言

上篇文章介绍了常用的IDE,这一篇介绍搭载完善插件的VSCode进行Vue开发。Vue的组件有独立格式.vue,许多IDE都不能正确识别其中的三部分,经过调教后的VSCode就可以,下面来看看效果图

效果图

HTML部分.png

可以看见标签属性都得到正确的高亮,包括Vue的标签

scirpt部分.png

方法有高亮,同时又Vue 的代码补全

style部分.png

CSS预处理使用的是SCSS,同时也支持sass Stylus

目录部分.png

vs-icon使得文档类型赏心悦目,一目了然

Vue相关插件

插件部分.png

VueHelper提供.vue格式支持,以及语法高亮和补全

vetur.png

vetur提供预处理器语法支持

ESLint.png

当然,还有强迫症福音,ESLint

最后

格式记得选择为.vue 就是这样:)

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏HTML5学堂

原来“神笔马良”的那根“笔”也可以写代码

HTML5学堂:在大家都羡慕“神笔马良”拥有那支无所不能的笔时,在前端开发中,也出现了一支很神奇的“笔”——CodePen,顾名思义,code+pen,即是代码...

3725
来自专栏更流畅、简洁的软件开发方式

【小试身手】几个自定义控件的组合应用,实现简单的“增删改查”功能(有源码)

     分页控件、查询控件、显示数据的控件和表单控件,终于把这几个控件结合在一起了,和在一起之后就可以让“增删改查”变的非常的简单和容易了,当然还需要数据访问...

2379
来自专栏依乐祝

.NET Core实战项目之CMS 第六章 入门篇-Vue的快速入门及其使用

上面文章我给大家介绍了Dapper这个ORM框架的简单使用,大伙会用了嘛!本来今天这篇文章是要讲Vue的快速入门的,原因是想在后面的文章中使用Vue进行这个CM...

1873
来自专栏做全栈攻城狮

Windows桌面软件开发-Winform桌面客户端开发神器

这是小白学习软件开发系列课程,旨在帮助对电脑编程感兴趣的朋友学习并熟悉C#技术。其中基础部分已经讲解完毕,可以查看:C#入门教程(一)–.Net平台技术介绍、C...

3081
来自专栏逸鹏说道

Linux下搜狗输入法和快捷键Ctrl+Space冲突的解决

把搜狗的启动快捷键给删了(如果有两个键盘【英+中】,你按Shift就可以切换了,完全没必要占着茅坑)

1184
来自专栏Hongten

一个小巧的HTML编辑器_CLEditor_源码下载

CLEditor是一个开源的jQuery插件提供了一个轻量级的、全功能、跨浏览器、可扩展、

3091
来自专栏前端小叙

如何把大段文字转为带html标签的文字

开发网页的时候,有时候会遇到大段的隐私声明,用户协议等等,我们呀要复制粘贴展示出来,必须加大量的p标签,h1,h2,空格符,br标签,这对我们来说无疑是泪崩的,...

5591
来自专栏移动端开发

这个断点可以帮你检查布局约束

前言:     在现在iOS布局中,估计有很多很多开发者会使用到 Masonry 或者用到 SDAutoLayout 或者Storyboard或者还有Xib等等...

2169
来自专栏小狼的世界

Sublime Text 3 提高工作效率的使用技巧

Sublime Text 3对于Sublime Text 2压倒性的优势就是秒启动,启动非常非常快,所以从2012年到2016年我一直用Sublime Text...

1684
来自专栏jeremy的技术点滴

前端ReactJS技术介绍

4133

扫码关注云+社区

领取腾讯云代金券