webstrom开发微信小程序说明

在操作之前，需要对webstrom做一些设置，如下

如果未安装node.js的朋友，请到如下地址

　　https://nodejs.org/en/

安装（相信大家都是会的），如果安装完了之后，就使用如下的方法操作！

　　


normal template for weapp . 使用标准微信小程序写法的模板。
使用WebStorm
WebStorm 做如下设置
Preferences > Languages & Frameworks > Node.js and NPm > Node interperter:v6.9.1 | enable Node.js Core library





Preferences > Languages & Frameworks > JavaScript > JavaScript language version > ECMAScript 6



Preferences > Languages & Frameworks > JavaScript > Code Quality Tools > ESLint > Enable ESLint



1:在使用现在的工具之前，我使用了网上一位朋友的插件 https://segmentfault.com/a/1190000007270749 他介绍了编辑器(ide)的各种优缺点，测试之后，也无法调用wx.func()这样的方法，结果呢
我在谷歌上搜索到另一个插件wecharCode.jar
地址如下 https://segmentfault.com/a/1190000007749531 经过测试之后，发现确实有效果，所以也推荐给大家！

下载地址：https://github.com/qbright/wechatCode-complete

效果如下:





请直接点击这边：

https://codeload.github.com/qbright/wechatCode-complete/zip/master 直接复制到迅雷即可，
更新地址如下：
　　https://github.com/qbright/wechatCode-complete
操作方法如下：
　　

wechatCode-complete

微信小程序 代码提示插件 webStorm 版本



接下来的问题，如下：

　　开始编写页面的时候，微信官方中的html,css的后缀格式与HTML是不一样的，需要事下操作

　　　　进入这边看吧： http://blog.csdn.net/hss01248/article/details/53405308
webStorm要识别wxml和wxss,还需要配置一下文件类型:(看下面别人截的图)
记住html和css里都要加上微信小程序对应的类型