专栏首页web秀微信小程序组件化开发框架wepy学习(一)

微信小程序组件化开发框架wepy学习(一)

准备工作

  1. 微信小程序原生开发文档熟悉
  2. 对前端mvvm有一定的了解
  3. 会nodejs npm 进行前端组件化开发

框架特点

框架的产生必然是解决开发中的痛点,wepy解决了什么问题? 主要是对原生的开发进行了简化。原生开发中每一个页面要对应四种文件, 而且交互、 数据绑定都十分繁琐 。wepy借鉴了vue的思想 , 实现了组件化,以组件代替模板和模块, 结构更清晰。同时数据的绑定,api都进行了优化。特别是参数的绑定和监视 都有很大的改观。极大提高了开发效率。

入门

环境要求:nodejs 环境。

命令行 node -v 查看有没有nodejs 环境. wepy的安装或更新都通过 NPM 进行。

wepy版本:最新的1.7.2版本

安装wepy 命令行在指定目下执行 npm install wepy-cli -g 进行全局配置wepy环境。

wepy init standard myproject 是原生的官方模板 初始化工程命令。通过 wepy list可以查看模板的列表, 目前模板比较少,主要有两个weui zanui。

步骤

在指定目录下执行初始化工程命令 wepy init + 模板名称 +自定义项目名称。 执行完毕后 cd 到自定义项目名称目录下 执行 npm install 进行相关的依赖安装。 安装完毕后 执行 wepy build -w 进行编译生成 dist 目录。 微信的开发工具 打开一定要打开 你 wepy init 的目录 不要打开 dist 目录 wepy build 命令Options: -f, --file 待编译wpy文件 -s, --source源码目录 -t, --target 生成代码目录 -o, --output 编译类型:web,weapp。默认为weapp -p, --platform 编译平台:browser, wechat,qq。默认为browser -w, --watch 监听文件改动 --no-cache 对于引用到的文件,即使无改动也会再次编译 -h, --help output usage information 目录结构

微信工具打开后编译正常, 出现正常显示的界面, 环境就配置完毕了,

开发中一般很少人使用微信的开发工具。会使用 Sublime、 Jetbrains、 IDEs 、Atom、 VS Code、VIM 等工具进行开发。 相关的高亮提示配置在官方文档也有。

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • 亲身体验小程序wepy和mpvue框架的区别

    小编公司也随潮流,把现有h5项目,重做成小程序项目,前期是用wepy搭建的,开始感觉还不错,随着加入的功能越来越多,感觉性能也越来越成问题。下面我们来详细介绍。

    Javanx
  • mpvue小程序框架的优缺点

    从最开始学习小程序到开发,也有小半年了吧,从wepy到mpvue,都踩过很多坑,也发过三篇文章了,今天来说说mpvue的坑在哪儿,希望你接下来的路好走。下面是之...

    Javanx
  • 微信小程序组件化开发框架wepy学习(二)

    通过前面的一篇文章,微信小程序组件化开发框架wepy 学习(一),大家搭建wepy环境应该没有问题了,可以自己去尝试一下,很简单的。 下面来具体讲讲wepy页...

    Javanx
  • 微信小程序wepy框架学习的一些资料

    前端要学习的东西实在是太多了,要记录的东西也很多,有时候会觉得很累,因为有些技术在目前的开发中基本都用不到,但这些并不是无用之功,如果有一天到真正需要运用到的时...

    祈澈菇凉
  • 第二期-wepy安装

    简单介绍:wepy是一个微信小程序框架,支持模块化开发,开发风格类似Vue.js。可搭配redux使用,能同时打包出web和小程序。

    小团子
  • 认识WebStorm-小程序框架wepy

    WebStorm是一个功能强大的IDE,适用于JavaScript开发,适合使用Node.js进行复杂的客户端开发和服务器端开发。

    达达前端
  • wepy.app、wepy.page、wepy.component的区别

    入口app.wpy继承自wepy.app,包含一个config属性和其全局属性、方法、事件。

    wust小吴
  • 亲身体验小程序wepy和mpvue框架的区别

    小编公司也随潮流,把现有h5项目,重做成小程序项目,前期是用wepy搭建的,开始感觉还不错,随着加入的功能越来越多,感觉性能也越来越成问题。下面我们来详细介绍。

    Javanx
  • 打造小程序组件化开发框架

    这篇主要介绍在使用小程序数月之后,结合自己的开发习惯,总结出一套支持组件化的开发框架。希望对大家使用 WePY 有所帮助。

    Gcaufy
  • C++核心准则C.150:unique_ptr管理的对象要用make_unique()​构建

    make_unique gives a more concise statement of the construction. It also ensures ...

    面向对象思考

扫码关注云+社区

领取腾讯云代金券