3.1. 初识 WePY

2.1

2.1 2.0 1.7

L04 Laravel 教程 - 微信小程序从零到发布 /

初识 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 架构模式，相比小程序原生开发要更加的方便快捷。

本文章首发在 LearnKu.com 网站上。

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

《L01 基础入门》

我们将带你从零开发一个项目并部署到线上，本课程教授 Web 开发中专业、实用的技能，如 Git 工作流、Laravel Mix 前端工作流等。

《G01 Go 实战入门》

从零开始带你一步步开发一个 Go 博客项目，让你在最短的时间内学会使用 Go 进行编码。项目结构很大程度上参考了 Laravel。

讨论数量: 31

zzjdy_0

5年前

执行 yarn 出错了，什么原因？

2 个点赞 | 4 个回复 | 问答 | 课程版本 5.5

sayhe110

6年前

小程序初始化后报入口 app.json 文件没找到错误？

1 个点赞 | 9 个回复 | 问答 | 课程版本 5.5

宋高峰

3年前

WePY2.1安装过程踩坑+被迫增加第二个HomesteadBox的完整记录

1 个点赞 | 2 个回复 | 分享 | 课程版本 2.0

eoeeoe

5年前

需要使用 <button open-type="getUserInfo"></button> 引导用户主动进行授权操作？

1 个点赞 | 2 个回复 | 问答 | 课程版本 5.5

家猪配种专家

4年前

wepy init standard 失败的解决办法

1 个点赞 | 1 个回复 | 分享 | 课程版本 1.7

Fykex

5年前

不会自动弹出授权窗口，需要手动添加按钮

1 个点赞 | 1 个回复 | 分享 | 课程版本 5.5

晨读秀

5年前

wepy 初始化错误？

0 个点赞 | 10 个回复 | 问答 | 课程版本 5.5

haha

4年前

wepy init standard 初始化项目失败

0 个点赞 | 8 个回复 | 问答 | 课程版本 2.0

phpAndy

5年前

请问有人安装 wepy-cil 报警告错误吗？怎么解决呀，如果不管它，后面的 tarBar 就出不来，求指点呀！-学 Laravel 5 的小白

0 个点赞 | 7 个回复 | 问答 | 课程版本 5.5

finding

5年前

初始化 yarn 报错了，包没找到?

0 个点赞 | 6 个回复 | 问答 | 课程版本 5.5

宋高峰

3年前

作者，请问您能不能提供一个WePY2的成功作品？

0 个点赞 | 5 个回复 | 问答 | 课程版本 2.0

phpervip

4年前

sudo yarn global add wepy-cli 后报 node 版本不对

0 个点赞 | 5 个回复 | 分享 | 课程版本 2.0

putixin

5年前

Windows 下开发？

0 个点赞 | 5 个回复 | 问答 | 课程版本 5.5

夜游人

2年前

执行 npm run dev 出问题了，请问这是什么情况？

0 个点赞 | 4 个回复 | 问答 | 课程版本 2.0

jamesquery

4年前

正常安装完 sudo yarn global add wepy-cli 后一直无法使用 wepy 命令

0 个点赞 | 3 个回复 | 问答 | 课程版本 2.0

kirit0

4年前

执行 yarn 报错了？

0 个点赞 | 3 个回复 | 问答 | 课程版本 2.0

xll123

2年前

npm run dev '.' 不是内部或外部命令，也不是可运行的程序

0 个点赞 | 2 个回复 | 问答 | 课程版本 2.0

Athos

3年前

npm install报错

0 个点赞 | 2 个回复 | 分享 | 课程版本 2.0

WindyLater

4年前

初始化 wepy init 遇到问题

0 个点赞 | 2 个回复 | 问答 | 课程版本 2.0

ayauper

5年前

?运行 wepy build --watch 报错

0 个点赞 | 2 个回复 | 问答 | 课程版本 5.5

wangsfox

5年前

为啥我初始化完就报错呢?

0 个点赞 | 2 个回复 | 问答 | 课程版本 5.5

kitty

3年前

直接git提交，会导致project.config.json文件中appid暴露的安全问题

0 个点赞 | 1 个回复 | 问答 | 课程版本 2.0

宋高峰

3年前

执行npm install @wepy/cli -g出现报错

0 个点赞 | 1 个回复 | 问答 | 课程版本 2.0

d1270469522

3年前

文中的 > 是不是应该换成 $

0 个点赞 | 1 个回复 | 问答 | 课程版本 2.0

Lion-

4年前

NPM install wepy-cli -g 您写成 insatll 了

0 个点赞 | 1 个回复 | 问答 | 课程版本 2.0

putixin

5年前

0 个点赞 | 1 个回复 | 分享 | 课程版本 5.5

hedeqiang

5年前

教程中这个运行在哪？

0 个点赞 | 1 个回复 | 问答 | 课程版本 5.5

weiwus

6个月前

Windows环境下运行npm run dev时报错的解决办法（v2.1)

0 个点赞 | 0 个回复 | 分享 | 课程版本 2.1

道生一

3年前

npm install @wepy/cli -g 报错的解决措施

0 个点赞 | 0 个回复 | 分享 | 课程版本 2.0

道生一

3年前

wepy init standard 报错:Download template failed unable to verify the first certificate，已经解决

0 个点赞 | 0 个回复 | 分享 | 课程版本 2.0

一定有办法的

5年前

运行 wepy build --watch 出现错误

0 个点赞 | 0 个回复 | 问答 | 课程版本 5.5