weex 項目環境配置

首先需要的環境:

1:Node.js 

2:Git

3:jdk

4:Android Studio

5:android 模擬器

詳細過程:

首先下載安裝Node 和Git,Git 下載完成之後就可以使用npm了,根據習慣可以轉淘寶鏡像,在終端做一個測試,確認是否安裝成功

接下來安裝jdk,我選擇的是jdk8的版本,先下載安裝jdk8,安裝完成之後,找到jdk8的安裝目錄,在其下邊找到bin目錄,再配置環境變量,選擇此電腦,點擊右鍵,“屬性” ->“高級系統設置”->“環境變量”

選中path,點擊“編輯”,然後“新建”,將bin目錄所在的路徑(例如我的是:D:\Program Files\Java\jdk1.8.0_131\bin)添加到path裏,保存。

測試一下jdk是否安裝成功,打開終端,輸入adb

安裝成功!下一步

安裝android studio, 我的是Android Studio 3.0.1的版本(我個人選擇的是先下載360,然後在360軟件管家裏面直接下載JDK 和 Android Studio,360會根據你電腦的系統推薦合適的版本),

點擊Configure,選擇SDK Manager,然後7.0以上的版本都勾上,OK,等待下載完成

等待的時間我們可以來配置一下環境變量,和上面配置JDK變量的方式一樣,找到SDK的安裝目錄,找到tools 和 platform-tools兩個文件夾,(我的是在C:\Users\GIGA\AppData\Local\Android\Sdk),在這個目錄下,將C:\Users\GIGA\AppData\Local\Android\Sdk\tools和C:\Users\GIGA\AppData\Local\Android\Sdk\platform-tools 兩個路徑添加到環境變量的path裏面,保存。

接下來

npm i -g weex-toolkit

創建一個weex 項目:

weex create myproject

npm i

npm start (這是運行到瀏覽器的命令)

如果想要運行到android 模擬器裏面,則打開Android Studio , 選擇AVD Manager, 選擇“create virtual Device”, 根據需要下載一個模擬器,

下載完成,點擊綠色三角形運行模擬器

依次執行(weex run android 這一步在打開模擬器之後再執行)

weex create myproject

npm i

weex platform add android

npm run bulid

weex run android

另:如果不選擇android studio 內置的模擬器,也可以選擇自己下載一個模擬器,我這裏選擇的是MuMu模擬器

先下載安裝,安裝好之後打開,在開發者工具裏面打開usb 調試,再打開終端,輸入

adb connect 127.0.0.1:7555

此時再運行weex run android 

我在這裏遇到一個問題

WARNING in configuration
The 'mode' option has not been set, webpack will fallback to 'production' for thisvalue. Set 'mode' option to 'development' or 'production' to enable defaults for each environment.
You can also set it to 'none' to disable any default behavior. Learn more: https://webpack.js.org/concepts/mode/

然後解決辦法是卸載當前的webpack4

npm uninstall webpack

安裝webpack3

npm i webpack@3

就可以了!

 

success!!

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章