wepy

摘抄自https://www.cnblogs.com/yuanchaoyong/p/11614400.html wepy安装步骤 $ npm install @wepy/cli -g # 全局安装 WePY CLI 工具 $ wepy init standard myproj # 使用 standard 模板初始化项目 $ cd myproj # 进入到项目目录 $ npm install # 安装项目依赖包 $ npm run dev # 监听并且编译项目 wepy build --watch运行后提示ERR Cannot read property 'addDeps' of undefined。 上面这是1.7.x的安装后运行进行以上提示，而我们安装的是2.x, git上已经更新安装方式，第一步 npm install @wepy/cli -g 更改为npm install @wepy/cli@next -g 1. npm install @wepy/cli@next -g 2. wepy init standard myproject 3. cd myproject 4. npm install 5. wepy build --watch 按照此步骤安装后运行结果 [16:17:21] info build app start... [16:17:22] info app

wepy官网： https://tencent.github.io/wepy/document.html ，想要了解全面最好去官网，以下只是指出项目里常用地方。 1.页面跳转 (1)//有返回跳转 wepy.navigateTo({ url: "/pages/address_add" }); (2)//无返回跳转 wepy.switchTab({ url: '/pages/shop_cart' }) 2组件间通信 (1)//指定执行某个组件里的方法 this.$invoke('comAddress', 'getLocationInfo'); (2)由子组件发起向父组件调用某方法 that.$emit('selectCode', that.code); 3数据 / 缓存 wepy.$store.dispatch({type: CHANGE_CART, payload: {goodCartList: that.cartList}}); 来源： https://www.cnblogs.com/GGDong/p/11899555.html

props传值是wepy中属于父子组件之间传值的一种机制，包括静态传值和动态传值。 在props对象中声明需要传递的值，静态传值和动态传值略有不同，具体看下边代码。 静态传值 静态传值为父组件向子组件传递常量数据。因此只能传递String字符串类型。 在父组件的template模板部分的组件标签中，使用子组件中props对象所声明的属性名作为其属性名来接受父组件传递的值。 例： <child title="mytitle"></child> //child.wpy 子组件 props = { title: String }; 动态传值 动态传值是指父组件向子组件动态传递数据。父子组件数据完全独立互不相干，但可以通过使用.sync修饰符来达到父组件数据动态绑定到子组件的效果，也可以通过设置子组件props的twoWay：true来达到子组件数据绑定到父组件的效果。那如果即使用.sync修饰符，同时子组件props的twoWay: true，就可以达到数据的双向绑定。 转载请标明出处: wepy props传值 文章来源: wepy props传值

1.首先 在桌面（自己选定目录下）新建一个文件夹，注意需要使用英文名。 2.Cmd中 进入到该文件目录下 3.安装 wepy 命令行工具。 npm install wepy-cli -g wepy init standard myproject 输入创建的名字、AppID、项目名称、作者等之后，这个时候文件目录myproject 5.进入到 myproject文件夹中： 安装脚手架（不知道是不是叫这个） 即输入命令npm install 6.开发实时编译 生成dist文件夹 cmd中输入： wepy build “输入一次编译一次” 或者wepy build –watch “实时编译” 来源： https://www.cnblogs.com/ll15888/p/11678836.html

最近在学习使用wepy框架制作小程序，导入编译的项目后报如下错误（ error More than 1 blank line not allowed no-multiple-empty-lines ） 解决办法：编译项目之前，在文件wepy.config.js中 设置参数 eslint: false,编译完成后导入微信开发者工具，项目恢复正常 来源： https://www.cnblogs.com/yuanchaoyong/p/11645197.html

众所周知如今市面上端的形态多种多样，手机Web、ReactNative、微信小程序, 支付宝小程序, 快应用等,每一端都是巨大的流量入口，当业务要求同时在不同的端都要求有所表现的时候，针对不同的端去编写多套代码的成本显然非常高，这时候只编写一套代码就能够适配到多端的能力就显得极为需要。但面对目前市面上成熟的小程序第三方框架如何针对自己的需求进行选择也是一个麻烦事,本文针对当前市面上的三大转译框架进行一个综合对比,希望能对大家的技术选择有所帮助,如有哪里不妥的地方希望指正; 　小程序开发有哪些痛点? 频繁调用 setData及 setData过程中页面跳闪 组件化支持能力太弱(几乎没有) 不能使用 less、scss 等预编译器 request 并发次数限制 　为什么使用第三方框架? 只要熟悉vue或react即可快速上手,学习成本低 一套代码可在多端编译运行(微信,支付宝,h5,RN) 支付宝小程序暂不完善 组件化开发，完美解决组件隔离，组件嵌套，组件通信等问题 支持使用第三方 npm 资源 使小程序可支持 Promise，解决回调烦恼 可使用 Generator Fu-nction / Class / Async Function 等特性，提升开发效率 对小程序本身的优化，如生命周期的补充，性能的优化等等 支持样式编译器: Scss/Less，模板编译器，代码编译器：Babel

创建wepy项目 全局安装或更新WePY命令行工具： npm install wepy-cli -g 在开发目录中生成Demo开发项目： wepy new myproject ， 1.7.0之后的版本使用 wepy init standard myproject 初始化项目，使用 wepy list 查看项目模板 切换至项目目录： cd myproject 安装依赖： npm install 开启实时编译： wepy build --watch（也可以npm run dev，详细查看package.json） wepy本地运行项目步骤如下： 首先gitLab拿去代码，进入根目录npm install，然后npm run dev生成dist文件，在开发者工具中就打开小程序项目调试，将项目目录选择dist，即可实时看到调试效果 2. 项目目录介绍： image.png 开发过vue的话，这个配置很类似 3. 项目上线注意事项： 首先，项目要遵从小程序的上线规则，句规则参照： https://developers.weixin.qq.com/blogdetail?action=get_post_info&docid=000808396a4260c0f1066c5a551801&highline=%E5%BC%BA%E5%88%B6%E8%8E%B7%E5%8F%96%E7%94%A8

转眼，2019年已经过去一大半了。 这半年，你过得怎么样？新的热点技术学会了吗？写的代码还有bug吗？头发还好吗？还记得年初的Flag吗？ 你是不是想大喊：我学不动了？ 成年人的世界没有“容易”二字，你学不动，别人学得动，你只能靠边站。 引用张爱玲的一句话：中年以后的男人，时常会觉得很孤独，因为他一睁开眼，周围都是要依靠他的人，却没有他可以依靠的人。 开发技术路漫漫，成长的曲线非常的陡峭。 如果你想跟上前端高速发展的时代，如果你也想月薪3万不是终点，是起点，如果你也想做点改变，真的不妨平日多看一些书籍，多给自己充充电，全方位提升一下自己的专业知识。 这次给大家推荐的2本书，都是小程序公社精心挑选出来的，本本都是好书，并且都是 免费送给大家，最重要的是还包邮！ 书籍介绍 一、《了不起的Java工程师》从前端到全端的高级进阶 《了不起的Java工程师》是一本涉及面非常广的书籍，将让你了解到前端开发需要连接的各种技术，了解Java在各种Web开发场景下所需要掌握的重点知识和概念。从zui基础的开发工具讲起，再到开发思维方式和前端页面开发，然后扩展到小程序开发和开发工具的混合应用，再讲解前后端交互zui常用的网络协议及API设计，zui后讲解了使用Node.js开发服务器端应用程序所需要掌握的核心概念。 二、《微信小程序项目开发实战——用WePY、mpvue、Taro打造高效的小程序》

Vue.js 插件 .wpy 文件的高亮设置 处理 rpx 这种单位，但是并不完美，不管愿不愿意，老是去空格 sed -i "" s/"\ rpx"/rpx/g $FilePath$ 来源： https://my.oschina.net/guodapeng/blog/3104188

wepy是一个微信小程序框架，支持模块化开发，开发风格类似Vue.js。可搭配redux使用，能同时打包出web和小程序。 官方文档地址 目录结构： sotre: redux(如果你创建项目时使用了redux的话） wepy.config.js: webpack配置文件 app.wpy: 入口文件 project.config.json: 小程序项目配置文件 index.template.html: web页面的入口文件 pages: 存放主页面 components: 存放组件 mixins: 混合组件 mixins: 其中mixins是放混合组件的地方，比如很多page中都要用到wx.showToast方法。且都是loading方法。那么我们可以创建一个toast.js 其中wepy继承了wx对象的方法，建议在wepy框架开发中不要用到wx对象的方法，虽然运行时效果是一样，但是打包时会cli报错（wepy中没有wx对象）。 mixins的方法定义好后，就可以在组件中使用mixins了。 首先在mixins中注册toast，然后就可以像调用自身方法一样，直接调用this.showToast() wepy中组件中使用的是class,vue中使用的的是对象。 methods, events: 在vue中，所有方法都定义在methods里面。而在wepy中