用户
 找回密码
 立即注册

QQ登录

只需一步,快速开始

扫一扫,登录网站

小程序社区 首页 工具/框架 查看内容

对wepy 框架进行一系列的深入了解

Rolan 2017-6-28 00:01

小程序项目开发在时隔半年以后,又开始了小程序之旅。 在它刚开始出现的时候,只是简单的做了 技术预研的工作。 现在 又回到 原点,发现变化已经很大了 之前的开发过程的体验不是很友好,在写完 代码之后依然需要手 ...

在时隔半年以后,又开始了小程序之旅。
在它刚开始出现的时候,只是简单的做了 技术预研的工作。
现在 又回到 原点,发现变化已经很大了

之前的开发过程的体验不是很友好,在写完 代码之后依然需要手动刷新,
文件夹中 存放的文件 繁杂、容易让新手混乱。

现在,为了满足开发环境的需要 wepy 这个框架就出现了。

现在,我们对于 wepy 这个框架进行一系列的深入了解,

并同原生的 小程序开发做一个对比。

看看 新框架开发体验如何? 

变化一、 项目的 文件 以及目录结构的变化。

1. 在原生的小程序的开发过程中,它的目录结构是这样的

project
├── pages
|   ├── index
|   |   ├── index.json  index 页面配置
|   |   ├── index.js    index 页面逻辑
|   |   ├── index.wxml  index 页面结构
|   |   └── index.wxss  index 页面样式表
|   └── log
|       ├── log.json    log 页面配置
|       ├── log.wxml    log 页面逻辑
|       ├── log.js      log 页面结构
|       └── log.wxss    log 页面样式表
├── app.js              小程序逻辑
├── app.json            小程序公共设置
└── app.wxss            小程序公共样式表


在 wepy 这个框架中的 目录结构,是这样的

project
└── src
    ├── pages
    |   ├── index.wpy    index 页面配置、结构、样式、逻辑
    |   └── log.wpy      log 页面配置、结构、样式、逻辑
    └──app.wpy           小程序配置项(全局样式配置、声明钩子等)


是不是 很类似于 vue 的 .vue 文件? 意不意外?

变化二、 默认使用 babel编译, 那么就是支持 ES6/7 的新特性。

赞赏 
                            
              
              
鲜花
鲜花
鸡蛋
鸡蛋
分享至 : QQ空间
收藏
原作者: SmallW 来自: 博客园

相关阅读