Menu

3.1. 初始化 WePY

初始化 WePY

使用原生的方式开发小程序,需要四个文件的配置:

  • .json ——配置文件;
  • .wxml —— 模板文件,类似 HTML;
  • .wxss —— 样式文件,类似 CSS;
  • .js —— 交互逻辑。

如果你熟悉 Web 开发,那么不难想到 HTML,CSS,JS 文件之间的相互配合,使用原生的小程序开发比较繁琐,类比现在的 Web 开发,你会引入 Bootstrap 解决页面布局和样式;使用 MVVM 的 Vue/React/Angular 等前端框架;使用 Less/Sass 编写样式;使用 ES6/ES7 的新特性;使用组件化开发等等;你一定希望有一些好用的工具提升开发效率。那么对于小程序来说,有没有这样的工具呢?——首先我们需要了解的就是 WePY。

WePY 是一个小程序组件化开发框架,开发风格接近 Vue.js,更贴近于 MVVM 架构模式,相比小程序原生开发要更加的方便快捷。

安装 wepy-cli

下面,我们来安装 WePY ,然后通过 WePY 初始化项目。

首先需要全局安装 wepy-cli

$ sudo yarn global add wepy-cli

本文章首发在 Laravel China 社区

为了保证课程的高品质,我们需要对课程进行收费。付费后 才能观看剩余内容。 购买

上一篇 下一篇
讨论数量: 10

putixin
Windows 下开发?
0 个点赞 | 4 个回复 | 问答
putixin
yarn 升级?
0 个点赞 | 0 个回复 | 分享
Fykex
hedeqiang
教程中这个运行在哪?
0 个点赞 | 1 个回复 | 问答
zzjdy_0
执行 yarn 出错了,什么原因?
0 个点赞 | 4 个回复 | 问答
wangsfox
为啥我初始化完就报错呢?
0 个点赞 | 2 个回复 | 问答
晨读秀
wepy 初始化错误?
0 个点赞 | 9 个回复 | 问答
刻意练习,每日精进。
3
点赞
4104
浏览
10
讨论
贡献者

每周视频推荐
27