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

安装wepy-cli

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

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

初始化项目

wepy init standard demo1
复制代码

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

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

一个标准的名为demo1的wepy项目就创建完成了。该项目会帮我们默认开启promise、async等功能。如果需要安装一个简单的空模板，将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项目就这么搭建完成了，总体来讲还是很省心的。

wepy学习笔记之环境搭建相关推荐

  1. 深度学习（二）theano学习笔记(1)环境搭建

    theano学习笔记(1)环境搭建 原文地址:http://blog.csdn.net/hjimce/article/details/46654229 作者:hjimce 搭建theano实属不易,因 ...

  2. Go学习笔记_环境搭建

    Go学习笔记_环境搭建 Go背景知识 go的特点(官网): Build fast, reliable, and efficient software at scale- Go is an open s ...

  3. Django学习笔记 开发环境搭建

    为什么使用django? 1.支持快速开发:用python开发:数据库ORM系统,并不需要我们手动地构造SQL语句,而是用python的对象访问数据库,能够提升开发效率. 2.大量内置应用:后台管理系 ...

  4. cocos2d-x lua 学习笔记(1) -- 环境搭建

    Cocos2d-x 3.0以上版本的环境搭建和之前的Cocos2d-x 2.0 版差异较大的,同时从Cocos2d-x 3.0项目打包成apk安卓应用文件,搭建安卓环境的步骤有点繁琐,但搭建一次之后, ...

  5. HarmonyOS_BearPi-HM Nano学习笔记之环境搭建

    前言:期待了已久的小熊派鸿蒙开发板终于出世了,12月11号准时抢到优惠券,果断下单,运费一起也就是29.9,实话说,很划算的,毕竟对自己的学习投资嘛,得舍得. 下面我把代码仓库.资料.视频课程地址贴出 ...

  6. 移植u-boot1.1.6到友善mini2440学习笔记之环境搭建（系列之一）

    前记:两年前就想学习ARM,由于一些原因耽搁了下来.如今迫于找硬件岗位工作的压力,不得不硬着头皮学习ARM,以前就知道ARM入门是计较困难的,如今真是体会深切啊,全是心酸泪,不仅自己的无知跟自己作对, ...

  7. Linux学习笔记1—环境搭建

    文章目录 一.Linux是什么? 二.购买云服务器搭建Linux环境 1 Xshell 1.1 Linux下简单的用户管理 1.2 Xshell的复制粘贴 2 vscode+RemoteSSH插件 3 ...

  8. Python学习笔记1环境搭建+Numpy

    Python環境安裝 系統環境path裡面配置安裝路徑打開cmd輸入py查看是否安裝路徑:D:/sofeware/python3.8 配置系統環境變量(可以安裝時選擇本身就配置) [外链图片转存失败, ...

  9. node学习笔记_01 环境搭建

    一.下载安装nvm (node版本管理器),方便以后版本切换 nvm list            -> 查看node版本(版本最好在8.0以上,不然在vsCode断点调试进不去,跟node版 ...

最新文章

  1. ARM的cache和写缓冲器（write buffer）
  2. SuperTuxKart 1.0 发布，开源赛车游戏
  3. AI与医学：AI预测结合医学案例应用——当基因编辑转角遇到AI
  4. teleport 组件的作用_人脸识别综述! 覆盖人脸检测，预处理和特征表示三大核心组件！...
  5. javascript常见面试题之一：将字符串'get-element-by-id'转换成驼峰命名法；
  6. 在静态页面中使用Scss（windows）
  7. HAOI2018游记
  8. 隐藏ribbon按钮
  9. 中介者模式android,Android[高级教程] 设计模式之六 中介者模式（二）
  10. F8Net:只有8比特乘法的神经网络量化
  11. 行军导航过程中导向箭头
  12. SEO优化中的div+css命名规则
  13. xcode archive 去掉dsym文件和添加dsym文件
  14. 全网最详细解释Keil-MDK中Code、RO-data、RW-data、ZI-data的含义
  15. Android集成百度地图实现导航
  16. 研究生毕业后，再重新读个硕士
  17. Android开发、adb、monkey测试
  18. 砂轮是刀具磨床加工表面粗糙度高的主要因素
  19. 聚观早报 | 苹果首款头显明年1月亮相；米哈游投资信托「打水漂」
  20. 海尔微型台式计算机重装系统,海尔台式电脑怎么进行U盘一键重装win10系统

热门文章

  1. mysql将多个成绩放在一排_mysql巧用连表查询各科成绩前三名
  2. nginx修改upstream不重启的方法(ngx_http_dyups_module模块)
  3. sass和compass基础用法
  4. Angular2官网项目 (4)--路由
  5. 局部变量和参数传递的问题
  6. linux下tar解压特定的目录
  7. 思科路由器由于IP INPUT进程导致cpu负荷高的判断方法
  8. 如何下载python2.7.16_CENTOS6.5 安装PYTHON2.7.16
  9. Reptile：requests + Xpath 爬取段子网的段子
  10. ChartCtrl源码剖析之——CChartAxis类