交易网站开发文档,网站推广码怎么做,备案二级域名分发,前端做的网站写了近两年小程序了#xff0c;越来越发现原生小程序有太多鸡肋的地方。所以今天准备尝试一下wepy#xff0c;正好最近手上有个外包#xff0c;可以拿来练手。如果可以的话#xff0c;或许会出一系列wepy相关的文章#xff08;偏实战#xff09;#xff0c;欢迎大佬们指… 写了近两年小程序了越来越发现原生小程序有太多鸡肋的地方。所以今天准备尝试一下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项目就这么搭建完成了总体来讲还是很省心的。
