WeX5入门记录

环境搭建

• 环境下载：WeX5_V3.7正式版
• 教程文档：入门教程

运行官方Demo

• 视频演示：运行WeX5的demo(视频)

• 遇到问题：

  
  

• 解决方案：修改build.properties文件，将offline=false注释取消。

  
  

开发工具使用

• 开发环境IDE的使用(视频)
• 基于eclipse的IDE;
• 菜单栏WeX5文档：Api文档、开发论坛、开发指南、文档中心、新手指南;
• 窗口——>复位透视图：用于窗口复位;
• 模型资源：model文件夹下俩个文件夹，UI2是App的编写文件夹，Native是创建打包App的文件夹;

创建第一个应用

教程：

• 官方教程：创建第一个应用——基于3.7版本，非常详细。
• 视频教程：创建第一个应用——基于3.0版本

注意：

• 如果需要谷歌浏览器对真机调试，第一次使用需要 翻墙 。

UI2下的目录

• 所有的Web资源按目录组织，可以任意多级目录。system目录包含UI2框架的核心js库、css和组件等资源。UI2下除system目录之外的第一级目录我们通常称为一个Web应用，比如Demo、takeout就是WeX5自带的综合演示和外卖两个应用。每个应用由多个页面和相关的资源组成，比如外卖有一个页面(index.w)，demo应用就可以看到很多个页面。开发WeX5的应用，就是利用系统js库、css库和组件编写应用页面(.w)。

• 页面是UI2的核心，页面是一个相对独立可复用的界面展现和交互单元，它即可作为Web页面独立运行，也可作为一个页面片段嵌入到别的页面运行。每个页面包括.w、.js和.css三个同名文件，.w是页面的主文件，.js和.css可以没有。如果页面有.js和.css文 件，.w在编译运行时会自动引入, 不需要手工在.w里链接引用。比如外卖页面包含index.w、index.js、index.csss三个文件，在浏览器请求index.w时，index.w会自动请求index.js和index.css。