失效链接处理 |
微信小程序组件化开发框架WePY v1.x 官方文档 PDF 下载
本站整理下载:
相关截图:
主要内容:
1. WePY借鉴了Vue.js(后文简称Vue)的语法风格和功能特性,如果你之前从未接触过Vue,建议 先阅读Vue的官方文档,以熟悉相关概念,否则在阅读WePY文档以及使用WePY进行开发的过程 中,将会遇到比较多的障碍。 2. 开发建议使用第三方成熟IDE或编辑器(具体请参看后文的 代码高亮 部分), 微信开发者工 具 仅用于实时预览和调试。 1.7.0 之后的版本 init 新生成的代码包会在根目录包含 project.config.json 文件,之前 生成的代码包可能不存在 project.config.json 文件。 检查根目录是否存在该文件。 如果存在,使用 微信开发者工具 —> 添加项目 , 项目目录 请选择项目根目录即可根据配置完成项 目信息自动配置。 如果不存在,建议手动创建该文件后再添加项目。 project.config.json 文件内容如下: 1. { 2. "description": "project description", 3. "setting": { 4. "urlCheck": true, 5. "es6": false, 6. "postcss": false, 7. "minified": false 8. }, 9. "compileType": "miniprogram", 10. "appid": "touristappid", 11. "projectname": "Project name", 参考建议 添加项目 快速入门指南 - 6 - 本文档使用 书栈(BookStack.CN) 构建
12. "miniprogramRoot": "./dist" 13. } es6 : 对应 关闭ES6转ES5 选项,关闭。 重要:未关闭会运行报错。 postcss : 对应 关闭上传代码时样式自动补全 选项,关闭。 重要:某些情况下漏掉此项也会运行报 错。minified : 对应 关闭代码压缩上传 选项,关闭。重要:开启后,会导致真机computed, props.sync 等等属性失效。(注:压缩功能可使用WePY提供的build指令代替,详见后文相关介绍 以及Demo项目根目录中的 wepy.config.js 和 package.json 文件。) urlCheck : 对应 不检查安全域名 选项,开启。 如果已配置好安全域名则建议关闭。 文件后缀为 .wpy ,可共用 Vue 的高亮规则,但需要手动设置。下面提供一些常见IDE或编辑器中 实现代码高亮的相关设置步骤以供参考(也可通过更改文件后缀名的方式来实现高亮,详见后文相关介 绍)。Sublime 1. 打开 Sublime->Preferences->Browse Packages.. 进入用户包文件夹。 2. 在此文件夹下打开cmd,运行 git clone git@github.com:vuejs/vue-syntax- highlight.git ,无GIT用户可以直接下载zip包解压至当前文件夹。 3. 关闭 .wpy 文件重新打开即可高亮。 WebStorm/PhpStorm 1. 打开 Settings ,搜索 Plugins ,搜索 Vue.js 插件并安装。 2. 打开 Settings ,搜索 File Types ,找到 Vue.js Template ,在 Registered Patterns 添加 *.wpy ,即可高亮。 Atom 1. 在Atom里先安装Vue的语法高亮 - language-vue ,如果装过了就忽略这一步。 2. 打开 Atom -> Config 菜单。在 core 键下添加:
|