小程序学习(持续更新)

2019-06-12  本文已影响0人  爱吃面包d羊

小程序官网
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

实战

上一篇下一篇

猜你喜欢

热点阅读