weex入門（一）

emmmm其實沒有接觸過weex ，瞭解一番發現有不少坑，有不少基於weex改良後的框架，好比weexplus等等，基本不用踩多少坑。通過幾天的深思熟慮我以爲仍是去踩坑，畢竟踩完坑才能真正的瞭解嘛

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

　確保安裝node.js後  而後全局安裝 weex-toolkit

1 npm install weex-toolkit -g

使用weex create 建立項目

1 weex create awesome-app  //命令執行完之後，在當前目錄的 awesome-app 文件夾裏就有了一個空的 Weex + Vue.js 項目

　進入項目目錄安裝依賴，執行 npm start

1 npm install   //安裝依賴
2 npm start    //啓動一個本地的 web 服務

源代碼在  目錄中

安裝過程是否是很簡單。。。。

接下來我使用的VSCode建立Weex項目

具體文檔 去官方 src/

• 下載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 studio, Java 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