WIN10下阿里WEEX環境搭建
一、使用playgroud執行
1.我們得去申請阿里的weex程式碼許可權,因為現在還沒開源,得先申請。
2.我們可以看下阿里的文件:http://alibaba.github.io/weex/doc/tools/cli.html,安裝nodejs,npm,然後全域性安裝weex-toolkit。npm install -g weex-toolkit3.本來這時候按阿里文件直接執行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版本之後,win10下PX4編譯環境搭建
本文目的:更換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是什麽玩意兒,有什麽優點。這個大家能夠在網上查一下,本人不做過多解釋。.
windows下python3虛擬環境搭建
python virtualenv pycharm 為了避免安裝過多的python工具包導致python目錄臃腫,甚至不同包之間不兼容,我們有必要為python安裝虛擬python環境——virtualenv。安裝了virtualenv,就可以根據任務創建任意數量的小型的虛擬python環境,
Windows下Java開發環境搭建
環境 輸入 電腦 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
mac下java 開發環境搭建
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
Mac下JAVA開發環境搭建
環境變量 runtime 內容 ont 保存 java開發環境 port rac run 最近開始學習JAVA, 首先配置下環境! 1、Mac自帶的jdk版本老了,需要到oracle官網(http://www.oracle.com/technetwork/java/jav
1.VMware Workstation 12.5下Ubuntu16.04環境搭建
鏡像文件 超級 http -1 用戶權限 文件 tps ubuntu 創建 一、需要下載的資源: 1. 下載VMware Workstation 鏈接: https://pan.baidu.com/s/1nuDEc3n 密碼: 89xc 2. 下載Ubunt
Linux下golang開發環境搭建
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.
Windows下JAVA開發環境搭建及環境變數配置
1、安裝JDK開發環境 下載網站:http://www.oracle.com/ 開始安裝JDK: 修改安裝目錄如下: 確定之後,單擊“下一步”。 注:當提示安裝JRE時,可以選擇不要安裝。 2、配置環境變數: 對於Java程式開發而言,主要會