vscode 调试 vue 项目,代码高亮方案 vetur
发布于 作者:苏南大叔 来源:程序如此灵动~最近苏南大叔的文章,都是在使用vscode
调试electron-vue
项目。当调试到.vue
文件的时候,可能就需要个高亮方案了。否则,整个代码解密看上去,不是那么美观了。本文描述的是:vscode
中.vue
文件代码的高亮方案。
本文测试环境:mac
/vscode@1.30.1
/vetur@0.14.5
。
方案描述
.vue
文件在vscode
中的代码高亮方案,其实是非常简单的。安装个插件就可以了,插件的名字就叫做vetur
。截至到发稿,vetur
的最新版本是0.14.5
。可以直接在vscode
的插件管理里面搜索,也可以直接打开一个.vue
文件,右小角会有相关的安装提示出现。vetur
的安装方式,非常简单,看图说话即可。
效果图
下面的是vetur
安装完毕后,.vue
文件在vscode
中的高亮效果图:
总结
vscode
对于electron-vue
的调试过程来说,还是非常友好的。推荐大家使用vscode
调试electron-vue
项目。
更多vscode
的使用技巧,欢迎查看苏南大叔的相关文章。



本站采用创作共用版权协议, 要求署名、非商业用途和相同方式共享。
转载本站内容必须也遵循“署名-非商业用途-相同方式共享”的创作共用协议。
未经许可,规模化镜像抄袭本站内容的行为,将会根据有关法律法规进行维权。
《程序如此灵动~》下所有原创文章,如被用于商业用途,请您按规定支付稿费。
转载本站内容必须也遵循“署名-非商业用途-相同方式共享”的创作共用协议。
未经许可,规模化镜像抄袭本站内容的行为,将会根据有关法律法规进行维权。
《程序如此灵动~》下所有原创文章,如被用于商业用途,请您按规定支付稿费。
本站的忠实读者小伙伴,正在阅读下面这些文章: