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 ESLint1:在使用现在的工具之前,我使用了网上一位朋友的插件
https://segmentfault.com/a/1190000007270749

我在谷歌上搜索到另一个插件wecharCode.jar
地址如下
https://segmentfault.com/a/1190000007749531
经过测试之后,发现确实有效果,所以也推荐给大家!下载地址:https://github.com/qbright/wechatCode-complete 效果如下: 请直接点击这边:
1 https://codeload.github.com/qbright/wechatCode-complete/zip/master
直接复制到迅雷即可,
更新地址如下:
  https://github.com/qbright/wechatCode-complete
操作方法如下:
  

wechatCode-complete

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

将wecharCode.jar 下载,然后在File -> import Setting 中导入即可

接下来的问题,如下:  开始编写页面的时候,微信官方中的html,css的后缀格式与HTML是不一样的,需要事下操作webStorm要识别wxml和wxss,还需要配置一下文件类型:(看下面别人截的图) 
记住html和css里都要加上微信小程序对应的类型  

相关内容推荐