emmmm其实没有接触过weex ,了解一番发现有很多坑,有很多基于weex改良后的框架,比如weexplus等等,基本不用踩多少坑。经过几天的深思熟虑我觉得还是去踩坑,毕竟踩完坑才能真正的了解嘛

weex官方文档:https://weex.apache.org/cn/guide/

 确保安装node.js后  然后全局安装 weex-toolkit

 npm install weex-toolkit -g
使用weex create 创建项目
 weex create awesome-app  //命令执行完以后,在当前目录的 awesome-app 文件夹里就有了一个空的 Weex + Vue.js 项目

 进入项目目录安装依赖,执行 npm start

 npm install   //安装依赖
npm start //启动一个本地的 web 服务
源代码在 src/ 目录中

安装过程是不是很简单。。。。

接下来我使用的VSCode创建Weex项目

具体文档  去官方  
  • 下载VSCode  https://code.visualstudio.com/
  • 安装之后  安装一下weex的插件   在 VSCode 拓展面板搜索 vscode-weex 安装之后重新加载一下
  • CTRL + SHIFT + P 打开VSCode命令行   输入 weex new project   //创建weex项目
  • 输入 Enter, 然后选择你要创建的项目地址  一直回车就好啦!!!哈哈  因为我英文很菜  看不懂

  添加Android&iOS工程

  • CTRL + SHIFT + P 打开VSCode命令行   输入 weex platform add android project   回车  //Android
  • CTRL + SHIFT + P 打开VSCode命令行   输入 weex platform add iOS project         回车     // iOS
VSCode中启动Weex调试工具

  • CTRL + SHIFT + P 打开VSCode命令行   输入 weex debug         回车     
VSCode环境中运行iOS/Android/Web工程。
  • 安装Android环境依赖Android studioJava SDK 1.8 Android SDK Platform 26(通过Android studio安装), Android SDK Build-Tools 26 (通过Android studio安装), Android virtual device (通过Android studio安装)
  • 重要   java环境变量一定要设置好 
  • iOS还没实践   可以去看看官方文档
  • 打开通过VSCode拓展或weex-toolkit生成的项目
  • 在VSCode调试面板下运行项目.
  • 通过修改 .vscode/launch.json 进行配置
  • 如果运行错误提示Error: Command failed: call gradlew.bat assembleDebug    需要升级jdk版本到8以上。   //可能还会遇到其他问题     至少我还没遇到   我只遇到了这一个   
  • 安卓模拟器方面我安装的AS官方的模拟器  26

 


weex入门(一)的更多相关文章

  1. weex入门篇

    weex入门篇 Weex 致力于使开发者能基于当代先进的 Web 开发技术,使用同一套代码来构建 Android.iOS 和 Web 应用. weex SDK 集成了vueJS,Rax,不需要额外引入 ...

  2. Weex入门与进阶指南

    Weex入门与进阶指南 标签: WeexiOSNative 2016-07-08 18:22 59586人阅读 评论(8) 收藏 举报 本文章已收录于:  iOS知识库  分类: iOS(87)  职 ...

  3. weex入门

    近期要做一个安卓端的原生应用程序.情况是这样的:需求方原先已经实现了网页,是一个工具类应用,大致作用是连接到他们公司生产的硬件,然后通手机与智能硬件通信来对硬件进行一系列控制.不过呢,这个网页先前是由 ...

  4. iOS 集成Weex入门教程

    前言 自Weex发布伊始, 其口号 "Write Once, Run Everywhere"就吸引了大批前端与客户端程序猿纷纷入坑, 我也不能独善其中. 就我目前所学习Weex的经 ...

  5. Weex入门指南

    背景 由于公司项目需要,需求变化频繁,计划总改不上变化,由于app更新版本周期长,不能很好应对这种变化,正在此前提下热修复和热更新技术也有了发展的空间,不管热修复还是热更新,都是对app内容或者逻辑的 ...

  6. Weex入门篇——Mac 安装Weex

    相关文档:http://blog.csdn.net/jasonblog/article/details/51863173 前言 相比较于React Native的“Learn once, write ...

  7. Weex学习资料整合

    1.weex weex文档:http://weex.apache.org/cn/guide/index.html Weex Ui awesome-weex WEEX免费视频教程-从入门到放肆 (共17 ...

  8. 热门跨平台方案对比:WEEX、React Native、Flutter和PWA

    本文主要对WEEX.React Native.Flutter和PWA几大热门跨平台方案进行简单的介绍和对比.内容选自<WEEX跨平台开发实战> (WEEX项目负责人力荐,从入门到实战,教你 ...

  9. Java 学习文章汇总

    目前JAVA可以说是产业界和学术界最热门的语言,许多人都很急切想把JAVA学好. 但学习是需要步骤的,除非像电影中演的那样,能够把需要的专业技巧下载到脑海:主角只花了几秒下载资料,就马上具备飞行员的技 ...

随机推荐

  1. ORACLE数据库字符集处理

    简介: ORACLE数据库字符集,即Oracle全球化支持(Globalization Support),或即国家语言支持(NLS)其作用是用本国语言和格式来存储.处理和检索数据.利用全球化支持,OR ...

  2. C#-CLR各版本特点

    来自为知笔记(Wiz) 附件列表 CLR与NET版本关系.png NET框架工作流程.png VS与CLR关系.png

  3. Qt之QPushButton

    简述 前面章节我们分享过Qt之QAbstractButton,讲解了QAbstractButton的基本用法,本节着重讲解QPushButton. 简述 常用状态 效果 源码 QSS 更多参考 关于Q ...

  4. rpm -qf 的使用技巧,以及怎样查找软件包

    首先查看安装的软件包,或者时候安装有某某软件包的命令 rpm  (-qa)| grep 软件名 root@mode oldboy]# rpm -qa| grep openssl openssl-dev ...

  5. 迷宫求解_数据结构c语言版

    #include <iostream> #include <string> #include <cstdio> #include <cstdlib> # ...

  6. nyoj--311--完全背包(动态规划,完全背包)

    完全背包 时间限制:3000 ms  |  内存限制:65535 KB 难度:4 描述 直接说题意,完全背包定义有N种物品和一个容量为V的背包,每种物品都有无限件可用.第i种物品的体积是c,价值是w. ...

  7. POJ 2828 线段树 逆序插入

    思路: 1.线段树 逆着插入就OK了 2.块状链表 (可是我并不会写) //By SiriusRen #include <cstdio> #include <cstring> ...

  8. Android开发(一)

    在界面显示文字,自定义文字的颜色,显示图片,按钮,编辑框,进度条进度条等.完成如下图的demo. ![这里写图片描述](http://img.blog.csdn.net/201510222212523 ...

  9. Unified BeginFrame scheduling for Chrome

    Unified BeginFrame scheduling for Chrome http://goo.gl/D1Qxrr Status: http://crbug.com/401331 and ht ...

  10. NodeJS学习笔记 (28)流操作-stream(ok)

    模块概览 nodejs的核心模块,基本上都是stream的的实例,比如process.stdout.http.clientRequest. 对于大部分的nodejs开发者来说,平常并不会直接用到str ...