webstorm开发微信小程序

小程序开发的editor我就不多说了,很多开发人员都有过吐槽,当然我个人觉得关键还要看习惯,我觉得是差不多的。但是呢,webstor作为前端开发的神器,如果不会用他实现小程序的开发,那就有点娄了。
  • 汉化版的webstorm中的 settings是进不去的,因此先价格汉化包去掉
  • 现在微信开发工具中将项目初始化创建好,开着不要关闭,因为我们需要利用微信小程序的开发工具进行项目的调试
  • 用webstorm打开微信小程序创建的项目
  • 点击file=》settings=》Editor=》File Types
    • 找到Html,点击下面的加号添加  *.wxml
    • 找到Cascading Style Sheet,点击下面的加号添加*.wxss
配置如图:
webstorm开发微信小程序
至此webstorm的小程序高亮我们就处理完毕了,但是我们还缺少开发时的代码提示
webstorm官方暂未提出插件包,但是国内大牛有开发了自己所写的提示包,我们只需要引入即可:
不过次依赖包还有一个缺点,在书写js时会有相应提示,但是wxml没有提示