WEEX环境搭建与入门详解

/usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent./Homebrew/install/master/install)"

brew install node

npm config set registry https://registry.npm.taobao. --global
npm config set disturl https://npm.taobao./dist --global

npm install -g weex-toolkit

npm install -g weexpack

weexpack create appName

.md 
├── android.config.json 
├── config.xml 
├── hooks 
│  └── README.md 
├── ios.config.json 
├── package.json 
├── platforms // 平台模版目录 
├── plugins // 插件下载目录 
│  └── README.md 
├── src // 业务代码（we文件）目录
│  └── index.we 
├── start 
├── start.bat 
├── tools 
│  └── webpack.config.plugin.js 
├── web 
│  ├── index.html 
│  ├── index.js 
│  └── js 
│  └── init.js 
└── webpack.config.js

npm install

weexpack platform add ios

weexpack platform add android

├── platforms 
│  ├── ios
│  └── android

<template>
 <div class="wrapper" @click="update">
  <image :src="logoUrl" class="logo"></image>
  <text class="title">Hello {{target}}</text>
  <text class="desc">Now, let's use vue to build your weex app.</text>
 </div>
</template>

<style>
 .wrapper { align-items: center; margin-: 120px; }
 .title { padding-:40px; padding-bottom: 40px; font-size: 48px; }
 .logo { width: 360px; height: 156px; }
 .desc { padding-: 20px; color:#888; font-size: 24px;}
</style>

<script>
 export default {
  data: {
   logoUrl: 'http://img1.vued.vanthink./vued08aa73a9ab65dcbd360ec54659ada97c.png',
   target: 'World'
  },
  methods: {
   update: function (e) {
    this.target = 'Weex'
    console.log('target:', this.target)
   }
  }
 }
</script>

npm run build 
npm run dev & npm run serve

weex src/index.vue

weex build ios