在正式开发程序前,我们需要找到好的开发工具,就像一个厨师要有好的厨具,一个乐器演奏者要有合适的乐器,好的开发工具绝对能让开发事办工倍,虽然有些枯燥繁琐,但是好好学,配置好了,以后就是搬运一下的事情
一.前言
除了上一篇文章讲的webstorm自带的小程序插件wecharcode.jar,还有微信小程序开发的插件mpvue,这一章我们要讲的是腾讯的小程序开发工具wepy,以后开发都会用它来搭建小程序框架
二.wepy优点
wepy优点.png
简单来说就是用近似vue.js的语法开发微信小程序
三.代码高亮
1.在webstorm的设置插件选项卡中安装vue.js插件
2.在文件类型的vue.js template选项卡中添加*.wpy
3.百度:小程序 webstorm wepy找到微信小程序开发资源汇总这篇文章安装插件Wepy Plugin For IntelliJ Platform,在github下载该插件的.jar文件,然后在webstorm中的plugin中选择install plugin from disk安装该插件.
四.创建与使用
1.全局安装或更新wepy命令行工具
image.png
2.初始化开发项目:跳转到项目总目录,打开命令行窗口,输入指令:
image.png
注意在初始化项目的时候不要选择lint code(检查代码)
3.跳转到项目目录
image.png
4.开启实时编译:此时会生成dist也就使目标运行文件
image.png
5.在官方开发工具中打开刚才新建的项目文件夹,或者dist文件夹,就可以看到默认的页面了
五.文件目录
文件目录.png
dist文件夹中是目标文件,也就是运行时要使用的文件,node_modules文件夹中是相关的组件,src文件夹中是我们编写的项目文件夹.
这里学会了wepy的基本配置,和项目脚手架的搭建,在下一篇文章中会告诉大家如何开始编写自己的项目
