PhpStorm如何配置小程序客户端开发环境

微信开发者工具用来写代码感觉不是很舒服，是在不好用，习惯了PhpStorm

1. 先找一个小程序的demo，个人建议使用vant demo比较好，毕竟有赞开源了很多年了，github上的星星也比较多，demo项目地址：https://github.com/youzan/vant-demo.git，
   

2.使用微信开发者工具打开vant-weapp，执行"工具->构建npm"，构建完成就会出现miniprogram_npm目录，这个是最终vant组件的依赖库，

3. 使用PhpStorm打开vant-weapp，
   
   为了能让PhpStorm识别wxml、wxss文件，需要增加配置，
   
   
   微信小程序代码提示配置，将wechatCode-complete下载导入到PhpStorm，
   
   安装Wxapp插件，支持wxml跳转，
   
   修改pages下面json文件组件的引入方式，方便跳转到组件库，
   

至此PhpStorm就可以愉快的开发小程序了，微信开发者工具仅仅用来调试，手机上上预览效果，