我们知道小程序开发官方有一个微信开发工具,后来又出现了一款类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
,即可高亮。