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

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

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

默认是这样的:

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

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

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

效果:

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


样式文件类似处理:

一开始:

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

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

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

结果:

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


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

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

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

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

.wxss文件类似:

SublimeText3开发微信小程序的界面设置-语法高亮_第8张图片

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

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

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

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


你可能感兴趣的:(小程序,SublimeText,开发工具,高清免费视频)