先看下效果
webstorm开发小程序效果展示
话不多说直接进入正题
webstorm的相关设置
1.设置wxml,wxss,wxs的编译模式
File > Setting > File Types

设置wxss

设置wxml

设置wxs格式
微信开发工具的相关设置
如图

项目目录

package.json

project.config.json

build/index.js

最后在项目下 npm run dev 就可以在webstorm中开发 在微信开发工具中浏览效果了