使用webstorm开发微信小程序时的代码着色方案

发布于2017年02月01日作者：苏南大叔来源：程序如此灵动~

如果本文对您有帮助，或者节约了您的时间，欢迎打赏瓶饮料，建立下友谊关系。

本博客不欢迎：各种镜像采集行为。请尊重原创文章内容，转载请保留链接信息。

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

本站的忠实读者小伙伴，正在阅读下面这些文章：
宝塔面板的 nginx 如何设置反代功能？sub_filter 指令使用方法
nginx如何配置ssl证书，启用https？
以cmswing为例，如何定制thinkjs的log日志
mac系统，如何利用xtrafinder增强改造finder
sourcetree文件提交的时候，如何切换树状目录模式

欢迎转载传播本篇原创文章，转载请保留链接及作者信息。

欢迎指正文字或逻辑错误，将会择优在文末列出您的信息。

本站采用创作共用版权协议, 要求署名、非商业用途和相同方式共享。
转载本站内容必须也遵循“署名-非商业用途-相同方式共享”的创作共用协议。
未经许可，规模化镜像抄袭本站内容的行为，将会根据有关法律法规进行维权。
《程序如此灵动~》下所有原创文章，如被用于商业用途，请您按规定支付稿费。