Weex開發實踐（一）嵌入Weex到你的iOS工程

2021-08-28 14:32:08 字數 928 閱讀 7478

假設你已經搭建好了weex開發環境，安裝了weex-tools。在terminal執行

weex create awesome-project
執行完命令後，在 awesome-project 目錄中就建立了乙個使用 weex 和 vue 的模板專案。

然後執行:

weex platform add ios
之後在工程中生成了ios模板，找到platforms目錄下對應模板工程，將裡面的demo**拷貝到我們自己的ios工程，包括weexconfig、weexscanner檔案，其中index.js就是通過weex編譯生成的執行檔案。

使用cocoapods，在podfile檔案中加入如下內容

source '[email protected]:cocoapods/specs.git'


target 'yourtarget' do


platform :ios, '7.0'


pod 'weexsdk', '0.17.0' ## 建議使用weexsdk新版本


end
開啟terminal，在podfile檔案路徑下執行pod install 命令安裝weexsdk。

安裝後，執行工程我們就能看到weex的歡迎介面了。

使用 weex compile 命令可以編譯單個weex檔案或者整個資料夾中的weex檔案。

$ weex compile [source] [dist]  [options]
在index.vue對應的路徑下可以這樣使用

weex compile index.vue dist
編譯器自動生成的dist資料夾裡包含了index.js檔案，把ios工程中的 index.js檔案替換，然後編譯執行成功。

WEEX開發環境搭建

本文的主要目的是介紹weex開發環境的搭建。環境基於windows.如果是mac或linux方法有一些不同，本文不在介紹。具體參考weex快速上手.1.安裝node.js環境.weex專案的部署需要用到node.js的npm node.js的包管理工具package manager 檢視是否安裝成功...

WEEX之前端開發

這裡談一談 weex 對移動應用的理解。如今移動應用的開發需要並行研發的能力，當乙個移動應用發展到一定規模的時候，能否支撐大規模的並行研發就成為了一件非常關鍵而又重要的事情。否則很容易變成工程瓶頸。如今移動應用不論從研發節奏 部署的靈活性和時效性 包大小 還是從研發到發布再到反饋的迭代週期上，都和移...

weex開發環境配置

windows系統建議公升級到win10，win8也可以。win7下安裝由於許可權的原因，可能會失敗安裝webpacknpm install webpack gnpm install g weex toolkit安裝weex toolkit，這是官方提供的腳手架命令列工具，你可以使用它進行 weex...