首页
Python
Java
IOS
Andorid
NodeJS
JavaScript
HTML5
【
weex 项目开发(一) weex create project 与 weex init project 的区别
】的更多相关文章
weex 项目开发(一) weex create project 与 weex init project 的区别
开发环境配置:http://www.cnblogs.com/crazycode2/p/7822961.html 1. weex create project 与 weex init project 的区别 > 个人理解weex-toolkit可以用来开发时调试,weexpack用作打包,但是怎么把weex-toolkit开发完成的文件放进weexpack进行打包呢 > 你只需要把你的vue 或者 .we文件放到src下面. > 使用weex-toolkit脚手架的init是初始化一…
weex 项目开发(三) weexpack + weex-ui
github地址:weex-ui https://github.com/alibaba/weex-ui 官网: https://alibaba.github.io/weex-ui/#/cn/ 创建项目: weexpack create appName cd appName npm install weexpack platform add android weexpack run android weexpack build android 安装 weex-ui npm i weex-ui -S…
weex 项目开发(二) weex 与 weexpack 的区别
1.weex 与 weexpack 即 weex-toolkit 与 weexpack 的区别 weex-toolkit 初始化的项目是针对开发单个 Weex 页面而设计的,也就是说这样的项目只包括单个页面开发需要的东西,比如前端页面源文件.webpack 配置.npm 脚本等.项目产生的输出就是一个 JS Bundle 文件,可以自由的进行部署. weex-pack 是初始化一个完整的 App 工程,包括 Android 和 iOS 的整个 App 起步,前端页面只是其中的一部分.这样的项目…
weex 项目开发(四)项目框架搭建 及 自定义 TabBar 组件
1.安装 路由模块 及 状态管理模块 npm install vue-router --save npm install vuex --save 2.自定义 TabBar 组件 src / components / TabBar.vue TabBar.vue <!-- 底部选项卡 --> <template> <div class="wrapper"> <div class="bar-item" @click=&q…
weex 项目开发 weexpack 项目 打包、签名、发布
一. weexpack build android 和 weexpack run android 的 区别. (1)单纯打包 weexpack build android (2)打包并运行 weexpack run android 注:执行时,发现两者都是调起了浏览器 二.不同平台的打包 html5平台: (1)打包html5平台 weexpack build web 这样你可以把打包后的资源上传到cdn服务器,然后上线你的web项目. (2)在 html5 平台运行 weexpack ru…
weex 项目开发(六)weexpack 项目 打包、签名、发布
一. weexpack build android 和 weexpack run android 的 区别. (1)单纯打包 weexpack build android (2)打包并运行 weexpack run android 注:执行时,发现两者都是调起了浏览器 二.不同平台的打包 html5平台: (1)打包html5平台 weexpack build web 这样你可以把打包后的资源上传到cdn服务器,然后上线你的web项目. (2)在 html5 平台运行 weexpack ru…
weex 项目开发(五)自定义 过滤函数 和 混合 及 自定义 Header 组件
1.自定义 过滤函数 src / filters / index.js /** * 自定义 过滤函数 */ export function host (url) { if (!url) return '' const host = url.replace(/^https?:\/\//, '').replace(/\/.*$/, '') const parts = host.split('.').slice(-3) if (parts[0] === 'www') parts.shift() re…
不止是动态化:Weex项目和阿里无线技术开源方向
这是开发者正在书写的峥嵘岁月.受益开源,回馈社区.阿里巴巴集团已经开源115个项目,并正式加入FSF基金会,Apache基金会,linux 基金会和Xen的顾问团队,并在云栖大会北京峰会宣布AliSQL开源.杭州云栖大会上正式开放源码下载.与此同时,天施在杭州云栖大会期间分享了Weex项目介绍.起源与现状.Weex开源与社区,以及阿里移动技术开源. …
初始化Weex项目遇到的问题记录
Weex 提供了一个命令行工具 weex-toolkit 来帮助开发者使用 Weex.它可以用来快速创建一个空项目.初始化 iOS 和 Android 开发环境.调试.安装插件等操作. 目前 weex-toolkit 只支持创建 Vue.js 的项目.创建 Rax 的项目可以使用 rax-cli,参考 Rax 的官方网站 了解其用法. 一:初始化 (全局安装 weex-toolkit) 请确保你已经安装了 Node.js (可以参考React Native (0.57)开发环境搭建(过程记录)中…
使用Android-studio开发移动app与weex结合开发详细步骤
详细步骤如下: 首先,确保机器已经安装了node.js,并且把npm更新到最新版本 下载完毕后,我们可以看到全局目录下的node_modules下面多出一个weex-toolkit 同时,我们留意到global目录下也多出了weex的执行脚本程序 输入命令weex –v 参看版本,我们也可以看出weex分为builder和previewer2个东西. 进入工程目录下,执行命令weex create weex01创建项目weex01 我们可以看到weex01目录已经创建成功了,Weex 和 V…