wepy学习笔记之环境搭建

写了近两年小程序了,越来越发现原生小程序有太多鸡肋的地方。所以今天准备尝试一下wepy,正好最近手上有个外包,可以拿来练手。如果可以的话,或许会出一系列wepy相关的文章(偏实战),欢迎大佬们指正。

安装wepy-cli

npm install wepy-cli -g
wepy --version          //查看版本,这里是1.7.3复制代码

根据文档介绍,wepy-cli1.7.0之前和1.7.0之后是有区别的,这里使用的是1.7.3,所以下面的都是基于wepy-cli 1.7.3版本

初始化项目

wepy init standard demo1
复制代码

接下来就会弹出一系列的配置选项,按照自己的需求添加就行啦,最简单的直接全选。选完之后,会输出一个:

   wepy-cli · Generated "demo1".
复制代码

一个标准的名为demo1wepy项目就创建完成了。该项目会帮我们默认开启promiseasync等功能。如果需要安装一个简单的空模板,将wepy init standard demo1换成wepy init empty demo1即可。

运行项目

项目创建完成了,现在需要在微信开发者工具上查看下效果。

wepy build -w
复制代码

上面命令表示编译,然后监听文件的变化。但是这个时候坑爹的报错了,提示:

未发现相关 less 编译器配置,请检查wepy.config.js文件。
复制代码

根据报错可以知道,这是因为缺少less相关的包导致的,执行下面命令可以解决:

npm install less -d 
复制代码

然后再试试

wepy build -w     
复制代码

输出开始监听文件改动。。OK!现在可以打开微信开发者工具了,导入项目下面的dist目录,然后appid的话,有就填上,没有可以点击测试。
不出意外的话,它又会报错,大概是下面这样的。

后来查阅文档之后发现,原因出在开发工具上面默认开启了ES6转ES5,手动关闭就好了。

再次编译,然后查看。就会看到如下的界面:

尝试一下empty模板

  • empty模板,的目录结构如下:

  • standard目录机构如下:

对于学习而言,建议使用standard,因为其中部分安利给我们参考,不知道的时候可以看看官方的写法。

直接下载案例

除了以上两个基本的模板以外,官方还提供了其他的几个demo给我们作为参考,也可以直接拉取下来看看:

结尾

一个简单的wepy项目就这么搭建完成了,总体来讲还是很省心的。

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/279447.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

山东青岛市南区:创建物联网 信息化管理涉案财物

近日,山东省青岛市市南区检察院自主设计研发“物联网”涉案财物管理系统,使涉案财物管理工作步入了信息化管理模式。 涉案财物管理工作是案件办理过程中一个相当重要的环节,而以往主要靠人工进行涉案财物管理,工作繁琐,业务量大,存在查找困难、堆放混乱等问题。库存现状不能及时…

spotify能免费下歌吗_Spotify免费版与高级版:值得升级吗?

spotify能免费下歌吗Spotify offers two tiers: a free, ad-supported plan and a $9.99 per month Premium plan. But what are the differences between the two and is it worth upgrading? Let’s find out. Spotify提供两个等级:免费的广告支持计划和每月9.99…

BZOJ4012 [HNOI2015]开店

BZOJ4012 [HNOI2015]开店 这道题因为太多人拿这个题卡$BZOJ$,于是成了权限题。。。 本蒟蒻表示没钱氪金。。。 无奈,拿出了洛谷:P3241 [HNOI2015]开店 还有$LOJ$:#2116. 「HNOI2015」开店 这里附上洛谷的题面: 题目描述…

ElasticSearch实战-入门

1.概述 今天接着《ElasticSearch实战-日志监控平台》一文来给大家分享后续的学习,在《ElasticSearch实战-日志监控平台》中给大家介绍一个日志监控平台的架构方案,接下来给大家分享如何去搭建部署这样一个平台,给大家做…

如何解决90%的报表设计难题?300张报表模板任君挑选

下载ActiveReport最新试用版 大数据时代,数据价值愈发彰显,数据分析正在成为影响业务决策的关键因素。其中,数据分析的结果以报表的形式呈现给用户,究竟什么样的报表设计才能真正让用户满意,如何保证用户在复杂的数据…

macos 版本_如何检查您使用的macOS版本

macos 版本Apple releases new versions of the macOS operating system about once per year. Here’s how to check which release of the macOS operating system is installed on your MacBook, iMac, Mac Mini, or Mac Pro. 苹果大约每年发布一次新版本的macOS操作系统。 …

luogu 1484\1792 种树 奇怪的贪心可反悔

1484 种树 此版本是线性的&#xff0c;那么根据链表维护即可&#xff1b; 构建新点&#xff0c;点的左右分别是原整个区间的前驱及后继&#xff0c;再正常维护即可 注意两个版本的维护有所不同 第二个版本的维护直接将左右两点删除 1792 种树2 此版本是环 1484 #include<bi…

第十四周作业

2019春第二次课程设计实验报告 一.实验项目 贪吃蛇游戏 二.实验功能描述&#xff1a; 存储数据&#xff0c;实现wasd控制蛇方向&#xff0c;吃到食物就增加长度&#xff0c;最后按长度算分数&#xff0c;撞到障碍物则死亡&#xff0c;计算积分 三.项目模板结构介绍&#xff1a;…

java语言不用担心内存吗_不用担心智能手机的电池,只需使用它

java语言不用担心内存吗When you’re trying to get the most life out of your device, it’s easy to overthink batteries. Don’t. Plug in your devices when possible, carry a battery pack with you, and get on with your life. 当您试图充分利用设备的使用寿命时&…

asp.net core结合NLog搭建ELK实时日志分析平台

0、整体架构 整体架构目录&#xff1a;ASP.NET Core分布式项目实战-目录 一、介绍ELK 1、说明&#xff08;此篇ELK采用rpm的方式安装在服务器上&#xff09;-牛刀小试 承接上一篇文章的内容准备部署ELK来展示asp.net core 的数据。目前此篇文章只用到单台服务器&#xff0c;等下…

Rhel7 设置目录权限,acl权限

Rhel7 设置目录权限&#xff0c;acl权限 改变用户和组的所属 Getfacl 取得 Setfacl设置 [rootdesktop0 tmp]# setfacl -m u:natasha:rw fstab [rootdesktop0 tmp]# setfacl -m u:harry:- fstab [rootdesktop0 tmp]# setfacl -m o::r fstab [rootdesktop0 tmp]# getfacl fstab #…

IT兄弟连 JavaWeb教程 AJAX定义以及解决的问题

2019独角兽企业重金招聘Python工程师标准>>> Ajax是"Asynchronous JavaScript And XML"的缩写(即&#xff1a;异步的JavaScript和XML)&#xff0c;是一种实现无页面刷新获取服务器数据的混合技术,Ajax这个概念的最早提出者是Jesse James Garrett。我们知道…

echo和@echo_如何在Echo Show和Echo Spot上切换到24小时时钟

echo和echoIf you prefer the 24-hour clock format instead of the usual 12-hour format, Amazon recently (and quietly) added the ability to switch between the two on the Echo Show and Echo Spot. 如果您希望使用24小时制而不是通常的12小时制&#xff0c;那么Amazon…

springMVC--XML解析

一 springMVC 入口 web.xml; DispatcherServlet二 初始化过程 1.寻找init(); 查看DispatcherServlet时候时&#xff0c;继承自servlet&#xff0c;肯定有初始化方法,DispatcherServlet继承自FrameworkServlet FrameworkServlet继承自HttpServletBean HttpServletBean继承自Http…

Vim 4 常用插件

Vim 系列教程目录: Vim 1 基本使用Vim 2 高级用法Vim 3 vimrcVim 4 常用插件Vim 5 其他编辑器的 Vim 插件Vim 插件网站 Vim 之所以强大, 有个很大的原因就是他有丰富的插件. 插件可以极大地增强 Vim 的功能. 那么去哪里下载插件呢? 插件怎么安装和管理呢, 听我慢慢道来. 先说到…

[Windows编程] 通过GetModuleHandleEx 得到函数调用者所在的DLL/EXE 原创陈本峰2009-02

在有些情况下需要得到函数调用者的模块名字。比如你想限制你的某个函数只能被自己某个特定的DLL调用。 或者比如在异常处理中你想了解是那个DLL/EXE抛出了异常。API函数_ReturnAddress 和GetModuleHandleEx 函数可以帮助我们达到这个目的。以下代码演示它们的用法&#xff1a;v…

生信入门-爱课程上的华中农业大学

1.生物大分子序列分析 2.主要技术 3.生物信息学的应用 4.应用2 转载于:https://www.cnblogs.com/BlueBlueSea/p/9610313.html

pc端文本_使用即将推出的Windows功能从PC发送文本

pc端文本Windows/Android/iPhone: Send and receive SMS messages on your PC, and access all the files on your phone without taking it out of your pocket. Windows / Android / iPhone&#xff1a;在PC上发送和接收SMS消息&#xff0c;并访问手机上的所有文件&#xff0…

日常工作用到的正则

1、手机号码加*"13422222222".replace(/(\d{3})\d{4}(\d{4})/, $1****$2);2、隐藏银行卡号"1111111111111111111".replace(/^(\d{4})\d(\d{4})$/, **** **** **** $2); 1111111111111111.replace(/.(?.)/g, *);3、遇见大写字母改为"_"component…

非常详细的Exchange 功能路线图

非常详细的Exchange 功能路线图 此路线图可帮助您熟悉 Microsoft Exchange Server 2010 中的所有功能。第一部分列出了可通过 Exchange 管理控制台 (EMC) 或 Exchange 命令行管理程序管理的所有功能。该部分还说明如何在 EMC 中导航至功能&#xff0c;并提供指向相应管理主题的…