我们相信:世界是美好的,你是我也是。平行空间的世界里面,不同版本的生活也在继续...

微信小程序时代的到来,势不可挡。但是看过几个demo之后,就会发现,微信的新页面格式,wxml和wxss实际上就是新瓶装老酒,wxml本质上我们可以理解为html,而wxss就是纯正的css了。小样儿,换了马甲我们就不认识你了嘛。但是webstorm并不认识这2个新的格式,所以,我们需要对webstorm稍稍做些设置改进,就可以识别这两种微信小程序专用文件格式了。

以识别wxss格式为例,看图说话。

苏南大叔:使用webstorm开发微信小程序时的代码着色方案 - wxss_01
使用webstorm开发微信小程序时的代码着色方案(图6-1)

苏南大叔:使用webstorm开发微信小程序时的代码着色方案 - wxss_02
使用webstorm开发微信小程序时的代码着色方案(图6-2)

苏南大叔:使用webstorm开发微信小程序时的代码着色方案 - wxss_04
使用webstorm开发微信小程序时的代码着色方案(图6-3)

苏南大叔:使用webstorm开发微信小程序时的代码着色方案 - wxss_05
使用webstorm开发微信小程序时的代码着色方案(图6-4)

同理,wxml格式设置如下:

苏南大叔:使用webstorm开发微信小程序时的代码着色方案 - wxss_06
使用webstorm开发微信小程序时的代码着色方案(图6-5)

苏南大叔:使用webstorm开发微信小程序时的代码着色方案 - wxss_07
使用webstorm开发微信小程序时的代码着色方案(图6-6)

欢迎关注苏南大叔的微信小程序系列文章, https://newsn.net/tag/wxapp/
更多微信小程序开发文档请点击这里查看: https://app.weixin.kr

如果本文对您有帮助,或者节约了您的时间,欢迎打赏瓶饮料,建立下友谊关系。
本博客不欢迎:各种镜像采集行为。请尊重原创文章内容,转载请保留作者链接。

 【福利】 腾讯云最新爆款活动!1核2G云服务器首年50元!

 【源码】本文代码片段及相关软件,请点此获取更多信息

 【绝密】秘籍文章入口,仅传授于有缘之人   wechat    wxapp