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

微信小程序时代的到来,势不可挡。但是看过几个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

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

本站的忠实读者小伙伴,正在阅读下面这些文章:

欢迎转载传播本篇原创文章,转载请保留链接及作者信息。
欢迎指正文字或逻辑错误,将会择优在文末列出您的信息。
本站采用创作共用版权协议, 要求署名、非商业用途和相同方式共享。
转载本站内容必须也遵循“署名-非商业用途-相同方式共享”的创作共用协议。
未经许可,规模化镜像抄袭本站内容的行为,将会根据有关法律法规进行维权。
程序如此灵动~》下所有原创文章,如被用于商业用途,请您按规定支付稿费。

苏南大叔需要你的支持

感谢您的打赏,让我更有动力,将更多精彩教程文章,呈现给大家!谢谢!