WEEX快速入门防坑攻略

本文介绍了WEEX的快速入门,包括环境配置、开发流程、调试方法和打包过程。首先,提供了线上体验环境Weex Online Editor和本地开发环境的设置,特别提醒国内开发者使用Taobao NPM镜像。接着,详细阐述了Mac和Windows系统下weex-toolkit的安装步骤,以及如何初始化项目和了解项目结构。文章还引导读者学习Vue,并推荐了阿里提供的weex-ui库,解释了其安装和配置。最后,简要提及了页面渲染、路由配置和调试、打包环节。
摘要由CSDN通过智能技术生成

1.环境篇

线上体验环境: Weex Online Editor
本地开发环境:

Node+Weex CLi+weex-toolkit
注意:通常,安装了 Node.js 环境,npm 包管理工具也随之安装了。因此,直接使用 npm 来安装 weex-toolkit, 你也可以通过 yarn来进行安装。
国内的开发者推荐将npm镜像切换至 Taobao NPM 镜像 https://registry.npm.taobao.org。

苹果系统和windows系统下的 weex-toolkit安装
OSX环境
$ sudo chmod -R 777 /usr/local/lib/node_modules/
$ npm i -g weex-toolkit // 安装不要使用sudo执行
$ weex -v // 查看当前weex工具版本
#Windows环境
$ npm i -g weex-toolkit
$ weex -v // 查看当前weex工具版本

注意:安装结束后你可以直接使用 weex help 命令验证是否安装成功,它会显示 weex 支持的所有指令,同时,你也可以通过 weex doctor 命令检查你的本地开发环境。

初始化项目
weex create demo-project
Weex-toolkit会帮我们生成项目脚手架

接下来是进入 demo-project目录使用npm install 安装weex项目所需要引入的三方库依赖,然后使用npm start命令将项目运行在浏览器上

项目结构介绍:

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值