1. 程式人生 > >WIN10下阿里WEEX環境搭建

WIN10下阿里WEEX環境搭建

一、使用playgroud執行

1.我們得去申請阿里的weex程式碼許可權,因為現在還沒開源,得先申請。

2.我們可以看下阿里的文件:http://alibaba.github.io/weex/doc/tools/cli.html,安裝nodejs,npm,然後全域性安裝weex-toolkit。npm install -g weex-toolkit

3.本來這時候按阿里文件直接執行weex *.we就應該能在Weex Playground App裡面看到程式碼了。但win10好像有bug,得修改下檔案。


可以參考:[https://github.com/indexzero/http-server/issues/244]

主要就是把

C:\Users\tracy\AppData\Roaming\npm\node_modules\weex-toolkit\node_modules\ecstatic\lib\ecstatic\etag.js【這是我安裝的路徑,預設一般在這個路徑下】檔案替換如下

module.exports = function (stat) {
  return JSON.stringify([stat.ino, stat.size, stat.mtime.toJSON()].join('-'));
}
    這樣就可以訪問不報錯了。

二、使用瀏覽器執行

下面我們來講講如何在瀏覽器上直接看到demo介面。

1.已完成上面的步驟,接下來把阿里的程式碼下下來。例如,我放在了D:\workspaces\gitlab\github\weex。

2.用管理員開啟nodejs commond prompt,然後cd 到上面的目錄下。然後執行npm install webpack


3.我又運行了:npm run build  還是一堆報錯。


4.那就再執行npm install。這個命令會解決所有依賴關係,下載所有的庫。


5.安裝成功後,就可以執行命令:npm run build


6.執行:npm run serve &


7.再打開個command進入到相同目錄執行:npm run watch


這時就會在example目錄下生成build資料夾生成相應的js檔案。

8.接下來就可以在瀏覽器裡面訪問了:

http://127.0.0.1:12580/index.html?page=./examples/build/tech_list.js

./是有start檔案的那個資料夾,就是原始碼的根目錄啊。


相關推薦

WIN10阿里WEEX環境搭建

一、使用playgroud執行 1.我們得去申請阿里的weex程式碼許可權,因為現在還沒開源,得先申請。 2.我們可以看下阿里的文件:http://alibaba.github.io/weex/doc/tools/cli.html,安裝nodejs,npm,然後全域性安裝

更換git版本之後,win10PX4編譯環境搭建

本文目的:更換git版本之後,以前搭建的PX4環境下,git clone不了程式碼  在這裡記錄一下新的搭建過程 參考:WINDOWS7建立PX4的Eclipse開發環境.pdf 步驟: (1)下載安裝cmake-3.6.1-win64-x64.msi,安裝的時候選擇a

NineChapter專案WIN10環境vagrant+VirtualBox環境搭建

1.vagrant與VirtualBox 版本選擇: virtualbox選擇4.3.12版本,vagrant選擇1.9.4版本。 2.準備工作: 在D:盤根目錄下建立NineCap

Win10系統spark的環境搭建

環境準備 ·jdk配置; ·scala安裝與配置; ·spark安裝與配置; ·hadoop安裝與配置; 版本說明 ·jdk:1.8 ·scala:2.11.8 ·spark:2.4.0 ·hadoop:2.8.3 jdk配置 首先,進入我的電腦-〉系統屬性-

win10使用docker快速搭建ruby開發環境

containe sta run ica -a set nod 分享 alt docker在windows下發力的時候必將取代各種虛擬機,並改變程序員的開發習慣,或許還會改變infra的工作。 概要: 在Windows下搭建開發環境一直是infra(我)頭疼的事情。為了解

NDK在windows的開發環境搭建及開發過程

刷新 -1 ont static blog 簡單 包名 mfp targe 在Android應用的開發project中。無論是遊戲還是普通應用。都時常會用到.so即動態鏈接庫,關於.so是什麽玩意兒,有什麽優點。這個大家能夠在網上查一下,本人不做過多解釋。.

windowspython3虛擬環境搭建

python virtualenv pycharm 為了避免安裝過多的python工具包導致python目錄臃腫,甚至不同包之間不兼容,我們有必要為python安裝虛擬python環境——virtualenv。安裝了virtualenv,就可以根據任務創建任意數量的小型的虛擬python環境,

WindowsJava開發環境搭建

環境 輸入 電腦 blog html dev 進行 點擊 develop 1、在cmd中輸入Java,若如下圖所示的提示,則說明當前電腦沒有安裝Java運行環境或者是JDK,則需要手動下載和安裝Java 2、打開網站http://www.oracle.com/index.

windows react-native環境搭建

native tar platform ges 必須 bsp clas 通過 code 跟著慕課網做案例,搭建rn環境遇到很大問題。 下面說一下; 首先看一下文檔:http://reactnative.cn/docs/0.44/getting-started.html#co

macjava 開發環境搭建

mave machine 下載地址 pass bashrc htm display machines scrip mac配置java開發環境: jdk1.7 +sdk1.7+maven +tomcat 1、先安裝jdk ,才能安裝sdk 。 2 mac中jdk1.7的

win10機器學習TensorFlow搭建

time supported b2c support tags fail -o spa windows10 之前在網上查找了很多資料,試了無數次,尤其是Anaconda,反復安裝刪除了無數次。昨天忙活了一天,安裝失敗,今天終於成功。 特此記錄。安裝好後,在pycharm I

MacJAVA開發環境搭建

環境變量 runtime 內容 ont 保存 java開發環境 port rac run 最近開始學習JAVA, 首先配置下環境! 1、Mac自帶的jdk版本老了,需要到oracle官網(http://www.oracle.com/technetwork/java/jav

1.VMware Workstation 12.5Ubuntu16.04環境搭建

鏡像文件 超級 http -1 用戶權限 文件 tps ubuntu 創建 一、需要下載的資源: 1. 下載VMware Workstation 鏈接: https://pan.baidu.com/s/1nuDEc3n 密碼: 89xc 2. 下載Ubunt

Linuxgolang開發環境搭建

str windows div lec ola jos bin 工具庫 vscode 對於golang開發來說,Windows下可以用vscode或者liteide都不錯,但是Linux下的開發也就只有vim了,所以怎麽搞笑的利用vim進行golang開發呢? 參考官方推

WIN10網狐開發環境搭建與Android客戶端編譯

ces text water cto img term 技術 分享 環境 http://i2.51cto.com/images/blog/201802/09/2e8eb644b82d1642df8b920f053a7bb0.png?x-oss-process=image/w

Linux(64) Tomcat + java 環境搭建

-- 系統位數 mman pat start linu 詳細 lan 正常 查看 linux 系統位數   getconf LONG_BIT java JDK下載地址: http://download.oracle.com/otn-pub/java/jdk/8u181-b

win10 Kinect2 Visualstudio2015 opencv3環境搭建

down opencv2 highgui fault 點擊 ted g模式 () 分享 1、下載kinect SDK ( Kinect for Windows SDK 2.0 ): https://www.microsoft.com/en-us/download/

ESP32的SDK開發之window系統eclipse開發環境搭建

在window系統下可以依託eclipse的環境開發ESP32 eclipse下載地址:下載Eclipse IDE for C/C++ Developers版本的 64位:點這裡 32位:點這裡 環境JDK下載地址 64位:點這裡 32位:點這裡 安裝好eclipse開啟報錯的話,就需要配置

windows7系統VS2017的OpenCV環境搭建

一、下載VS2017社群版   該版本可免費使用 二、OpenCV3.4.1下載及安裝   1、下載地址:https://i.cnblogs.com/EditPosts.aspx?opt=1,Download下選擇“win pack”版;   2、將下載的opencv-3.4.1-vc14_vc15.

WindowsJAVA開發環境搭建環境變數配置

1、安裝JDK開發環境 下載網站:http://www.oracle.com/ 開始安裝JDK: 修改安裝目錄如下: 確定之後,單擊“下一步”。 注:當提示安裝JRE時,可以選擇不要安裝。 2、配置環境變數: 對於Java程式開發而言,主要會