小程序学习（持续更新）

小程序官网
wepy框架官网
1.7.0以后版本来这里

安装 (Installation)

1.终端输入：npm install -g wepy-cli

安装报错

如出现以上错误，可以尝试在前面加sudo，随后输入密码即可，指令：sudo npm install wepy-cli -g

2.创建模版：wepy init standard my-project

模版创建

打开项目

用官方小程序开发工具导入刚才创建项目中的dist文件夹

导入项目

用代码编辑器打开创建的项目，其中src为代码编写目录

项目文件

开启实时编译

在终端输入指令：wepy build --watch

实时监听编译

wepy指令

安装wepy：npm install -g wepy-cli
查看wepy的版本：npm view wepy-cli version
更新wepy-cli的版本：wepy upgrade
查看upgrade的命令帮助： wepy upgrade -h
查看上传的demo模板： wepy list
初始化一个wepy项目，官方demo：wepy init standard my-project
根据模板初始化一个项目：wepy init brucx/wepy-zanui-demo test
开发过程中使用wepy：wepy build -h

错误集合

1.运行时报错 thirdScriptError sdk uncaught third Error

错误记录1

打开微信小程序的---详情 --在页面设置里面 将ES6转ES5去掉

取消ES6转ES5

2.未发现相关 sass 编译器配置

错误记录2

解决方法：

//安装sass
npm i node-sass
//安装wepy-compiler-sass插件
npm install wepy-compiler-sass --save-dev
 
//配置wepy.config.js
module.exports = {
    "compilers": {
        sass: {
            'outputStyle': 'compressed'
        }
    }
};

3.找不到编译器|未发现相关 less 编译器配置

错误记录3.png

解决方法：npm install less 后再 npm install wepy-compiler-less

4.未找到 app.json 中的定义的 pages

错误记录4.png

解决方法：在app.wpy文件下pages数组中增加相应的page

错误解决4.png

5.出现脚本错误或者未正确调用 Page()

错误记录5.png

接上出现的错误，因为改变了app.json，需要重新编译才可以生效新页面
解决方法：npm run dev

实战