微信小程序开发之wepy框架(一)

前提有node和npm环境

1.全局安装WePY命令行工具
npm install wepy-cli -g
2.创建项目
wepy init standard mywepy
3.同IDE打开项目安装依赖包
npm install
4.添加项目配置
https://weapp.iviewui.com/一套高质量的微信小程序 UI 组件库,将下载iviewUi的dist文件放入项目里

微信小程序开发之wepy框架(一)_第1张图片

config = {
  navigationBarTitleText: '本本教育测评平台',
  usingComponents: {
    'i-button': '../iviewUI/button/index'
  }
}

页面里如上图引用

5.微信开发者工具开发注意:
1).es6: 对应关闭ES6转ES5选项,关闭。 重要:未关闭会运行报错。
2).postcss: 对应关闭上传代码时样式自动补全选项,关闭。 重要:某些情况下漏掉此项也会运行报错。
3).minified: 对应关闭代码压缩上传选项,关闭。重要:开启后,会导致真机computed, props.sync 等等属性失效。
(注:压缩功能可使用WePY提供的build指令代替,详见后文相关介绍以及Demo项目根目录中的wepy.config.js和package.json文件。)
4).urlCheck: 对应不检查安全域名选项,开启。 如果已配置好安全域名则建议关闭。如api配置为本地ip服务地址,必须开启不检查安全域名选项

 

你可能感兴趣的:(wepy开发小程序)