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都可以运行