太好了，是IDEA，我们开发者有救了！

小程序开发之痛

众所周知小程序开发者工具对wxml,wxss,js的支持不太好，配色和显示都略微多少有点问题。

之前苦于工具，没有替代。

后来有了uni-app(这是另一个坑，后面再填)，比自带的小程序开发者工具好用，但不多。

有些老项目是原生开发的，多数时候就只有用自带的开发者工具改，太痛苦了。

近期，IDEA官方出品了一个小程序插件（IDEA系的都支持，太爽了）！

怎么用，从哪开始

先要说明的是，还是需要在开发者工具里面预览效果、打包、真机调试、上传代码等。

IDEA只是增加了一个编辑代码的入口，让你代码写的舒服一点（实际不止一点点！）

下面来说下详细步骤：

1. 下载IDEA系工具（WebStorm个人非商用免费）；

这个不细说，下一步下一步跟着走就行。

2. 安装插件

打开 文件->设置->插件->Marketplace 中搜索"WeChat Mini Program"，第一个就是，作者是JetBrains s.r.o.（IDEA背后的公司）。

3. 安装小程序开发者工具

省略，网上教程多如牛毛。

4. 新建示例项目

在开发者工具中用测试的小程序appId新建一个示例项目：

5. 在IDEA中开发

在IDEA中打开刚才新建的项目，可以修改一下motto的文本。

保存之后，在开发者工具中即可预览。

方便把？这下又回到我们熟悉的工具了~

希望后期可以在IDEA中预览，就更爽了。

放几张IDEA中针对wxml,js,css的效果图。

js:

wxml:

wxss:

快去试试吧。

不得不说，干这事还(害)得是专业的！