纵有疾风起
人生不言弃

SublimeText3开发微信小程序的界面设置-语法高亮

微信开发者工具开发的效率很低下,代码提示非常不友好,代码补齐等等很是不爽。用SublimeText3开发小程序,然后和开发者工具同步,效率极大提高,爽的很。

但是SublimeText3一开始打开微信小程序的时候,会有个高亮问题…

默认是这样的:

SublimeText3开发微信小程序的界面设置-语法高亮插图

全部白色的,原因是右下角选择了“纯文本”的解析方案;更改为“HTML”解析方案;

SublimeText3开发微信小程序的界面设置-语法高亮插图1

效果:

SublimeText3开发微信小程序的界面设置-语法高亮插图2

样式文件类似处理:

一开始:

SublimeText3开发微信小程序的界面设置-语法高亮插图3

右下角也是“纯文本”的解析方案;选择“CSS”解析方案:

SublimeText3开发微信小程序的界面设置-语法高亮插图4

结果:

SublimeText3开发微信小程序的界面设置-语法高亮插图5

但是这种方案是临时的,也就是你关闭了文件之后,重新打开又默认按“纯文本”的方式解析了。

如何做到有记忆的功能?就是.wxml总按“html”方案来解析,.wxss总按“css”方案来解析?其实就要用另外的选择了:

打开.wxml文件的时候,不要那样选择,而是选择头上的“Open all with current extension as…”,然后再从弹出的列表中选择“HTML”,即:

SublimeText3开发微信小程序的界面设置-语法高亮插图6

.wxss文件类似:

SublimeText3开发微信小程序的界面设置-语法高亮插图7

这样关闭了文件再来打开就是都高亮了。

更清晰的学习效果查看高清视频下载:

高清视频云盘下载(所有小程序视频完全免费,仅供自学参考,视频为.exe格式的,直接双击即可播放):

https://share.weiyun.com/5WPSfL2

文章转载于:https://www.jianshu.com/p/b50d456fc311

原著是一个有趣的人,若有侵权,请通知删除

未经允许不得转载:起风网 » SublimeText3开发微信小程序的界面设置-语法高亮
分享到: 生成海报

评论 抢沙发

评论前必须登录!

立即登录