VSCode打开 *.wpy文件报错 ——(wepy框架vscode代码高亮)

本文介绍了解决wepy框架在VSCode中代码高亮显示问题的方法,包括安装Vue语法高亮插件Vetur,配置.wpy文件关联Vue,以及解决红色波浪线错误的具体步骤。

基于wepy框架,VSCode代码高亮的问题

今天刚使用wepy框架,按照官方教程,学习到wxpy框架的代码高亮部分,发现我的按照官方的做法之后一直报错,网上查了好久,终于解决,再此记录,方便他人!

  • 官方教程
  • 我使用的是VSCode进行代码高亮,官方教程如下
  • 方法一
    • 在 Code 里先安装 Vue 的语法高亮插件 Vetur。
    • 打开任意 .wpy 文件。
    • 点击右下角的选择语言模式,默认为纯文本。
      在这里插入图片描述
    • 在弹出的窗口中选择 .wpy 的配置文件关联…。
      在这里插入图片描述
    • 在选择要与 .wpy 关联的语言模式 中选择 Vue。
  • 方法二
    在这里插入图片描述
    • 打开设置,在搜索栏输入 vetur
      在这里插入图片描述
    • 打开settings.json ,在中间加上 “files.associations”: { “*.wpy”: “vue” }
      在这里插入图片描述
  • 完工之后,打开.wpy文件,发现出现红色波浪线
    在这里插入图片描述
  • 解决方法:
  • 还在刚才的设置选项页面,将下面的选项勾取消掉
    在这里插入图片描述
    完美解决!
评论 5
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值