老师 关于代码高亮,为什么我的export default里面的代码没有高亮显示?

老师 关于代码高亮,为什么我的export default里面的代码没有高亮显示?

http://img1.sycdn.imooc.com//climg/5cbc6c8c000149f807660465.jpg

我用的是vscode,需要安装什么插件

正在回答 回答被采纳积分+1

登陆购买课程后可参与讨论,去登陆

6回答
提问者 慕尼黑4757019 2019-04-25 10:55:52
  • 有缩进就行啊,我之前都是把右下角vue改成html用的哈,也没事。
    2019-04-25 13:36:05
一路电光带火花 2019-04-24 19:49:21

其实安装的vetur插件里面就能设置啊:

https://www.cnblogs.com/mlw1814011067/p/9614795.html

或者这个插件应该也行:vue-beautify。你都安装试试


  • 提问者 慕尼黑4757019 #1
    我的可以格式化,但是格式化出来的,还是格式不对,还要自己调
    2019-04-25 10:55:37
提问者 慕尼黑4757019 2019-04-24 18:32:36
好帮手慕星星 2019-04-23 14:58:51

同学你好,

1、可能和编辑器区的颜色设置有关系,所以和视频中高亮的代码是不同的,这里不需要纠结哦,整体有高亮的效果就可以。

2、在vscode中可以安装vetur插件,如下:

http://img1.sycdn.imooc.com//climg/5cbeb3f40001bf4d02600122.jpg

安装成功之后需要设置vue代码片段:

http://img1.sycdn.imooc.com//climg/5cbeb43e000191e105550589.jpg

新建代码片段,保存文件类型为.json就可以,例如vue.json,按照默认路径保存即可:

http://img1.sycdn.imooc.com//climg/5cbeb4ab0001baa707160124.jpg

这是新建文件中原有的代码:

http://img1.sycdn.imooc.com//climg/5cbeb4fe0001384716210609.jpg

例如:

http://img1.sycdn.imooc.com//climg/5cbeb63d00013d3007230585.jpg

在vue文件中输入快捷键(上面设置的),就会出现提示:

http://img1.sycdn.imooc.com//climg/5cbeb6610001eb3a06680134.jpg

然后按下Tab键就会出现设置的代码片段了:
http://img1.sycdn.imooc.com//climg/5cbeb67a0001b50003890426.jpg

自己可以测试下,祝学习愉快!

  • 提问者 慕尼黑4757019 #1
    老师 但是这个模板出来,没有缩进的效果,也并没有空行啊?该怎么样调呢
    2019-04-24 18:31:36
好帮手慕糖 2019-04-22 19:05:17

同学你好,题目中截的图是你编辑器中显示的状态吗?

这个就是已经高亮了哦。若是不高亮的话,会全部都是白色的哦。

祝学习愉快!

  • 提问者 慕尼黑4757019 #1
    可是视屏中老师的代码,name,components都有高亮显示啊,我的就没有
    2019-04-23 10:57:06
  • 提问者 慕尼黑4757019 #2
    还有一个问题是,我用的VScode,新建一个vue文件时,怎么没有像老师一样的一个模板,全部要自己去写
    2019-04-23 10:58:37
好帮手慕糖 2019-04-22 10:56:10

同学你好,可以安装下Vetur插件, 安装成功重新加载一下。

另,如果没有变化,卸载了重新安装一下,可能是之前的版本太低了。

希望能帮助到你,祝学习愉快!

  • 提问者 慕尼黑4757019 #1
    早就已经安装过了,而且刚才又重新安装了一下,还是这样,版本也是最新的,是不是不是这个插件决定的呢
    2019-04-22 17:49:36
问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
热门框架Vue开发WebApp 18版
  • 参与学习           人
  • 提交作业       209    份
  • 解答问题       3299    个

本路径是通过ES6基础知识、运用Zepto、Swiper、fullPag等移动端常用工具包、以及当下流行框架Vue,结合多个实战案例,还原真实开发场景,最终实现手机端购物商城网页开发。

了解课程
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师