wepy:搭建小程序教程(一)

1.在使用wepy搭建小程序前必须全局安装wepy包,使用 npm install wepy-cli-g

2.在下图可以看到创建一个wepy的命令是wepy new myproject(以前的办法),

  现在统一创建使用的命令为wepy init standard myproject

 

 3.创建的时候我们会需要输入这个信息,如下图

 第一个我们可以直接回车默认

第二个为项目名(可直接回车默认)

第三个是你的微信小程序的appid (注:如果直接回车默认那么微信开发工具会运行不了,提示你更改为正确的appid)

第四个是项目描述(可直接回车默认)

第五个创建人(可直接回车默认)

第六个是否使用eslint对代码格式进行效验 (直接回车为yes,可手动输入 y or n)

第七个为是否使用redux框架语法,选择yes生成的项目目录会多出store目录,这里我先暂时选择no

第八个为是否生成index.template.html(一般直接回车默认,忽略不计)

4.然后我们的demo就算创建好了,先 npm install 安装依赖包,发现有些后期需要的包不存在,先手动安装,使用npm下载后期需要的包

npm install wepy-ant@1.5.10 -save
npm install wepy-web --save
npm install moment --save
npm install wepy-plugin-imagemin --save-dev
npm install wepy-plugin-uglifyjs --save-dev

大概介绍一下,比如wepy-ant是一个支付宝小程序的适配器,实现了一套和微信小程序wepy几乎一样的wepy接口,用于同构支付宝小程序和微信小程序, 相同的wepy-web也是相同的作用,moment主要用于时间格式的相互转化 wepy-plugin-imagemin主要用于图片压缩,wepy-plugin-uglifyjs压缩插件

5.项目的基本配置就算搭好了还有最后一个重要的一点,使用promise必须安装

npm install wepy-async-function --save

并且在app.wpy引入

import 'wepy-async-function'; 

在app.wpy中使API promise化

export default class extends wepy.app {

    constructor () {
        super();
        this.use('promisify');
    }

}

这样我们的项目算是彻底搭建好了使用npm run dev 或者使用 wepy build --watch都可以运行

 

 

 

 

  • 1
    点赞
  • 5
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值