小程序学习(持续更新)
2019-06-12 本文已影响0人
爱吃面包d羊
安装 (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