微信小程序组件化开发框架WePY的简单安装

我们知道小程序开发官方有一个微信开发工具，后来又出现了一款类vue的小程序组件化开发框架。

那这个框架怎么使用呢，让我们来一起看看吧。

1、安装

npm install wepy-cli -g

windows的用户执行此命令时可能会出现错误，提示permission什么的，是权限的问题，右击左下角win图标打开windows自带的命令行工具，注意选带管理员的那个，然后用切换到你的目录文件夹下再执行上面的安装命令即可解决。

2、初始化项目

wepy init standard myproject

myproject 是你的项目文件夹名称，你可以自定义名称

3、切换至项目目录

cd myproject

4、安装前端脚手架 

npm  install

5、开启实时编译

npm run dev

然后打开微信官方的开发工具，就可以在你的编辑器上修改小程序代码啦！这里我用的是phpstrom编辑器

因为wepyjs跟vue的语法差不多，但是phpstrom并不能很好的识别.wepy文件里的代码，更改一些设置就ok

1. 打开Settings，搜索Plugins，搜索Vue.js插件并安装。

2. 打开Settings，搜索File Types，找到Vue.js Template，在Registered Patterns添加*.wpy，即可高亮。