1. 程式人生 > >Weex專案環境搭建

Weex專案環境搭建

官方指導:http://weex-project.io/cn/guide/set-up-env.html

一、安裝node.js

  1. node.js需要4.0+
  2. 官網下載地址https://nodejs.org/en/
  3. 安裝教程請看這裡node.js安裝圖解
    安裝node,然後npm也整合在裡面,等於同時下載了node和npm;
    檢視版本號:
    這裡寫圖片描述
    由於npm伺服器在國外,訪問速度較慢,可使用淘寶的npm源:
 npm install -g cnpm --registry=https://registry.npm.taobao.org

二、安裝webpack

//全域性安裝
$ cnpm install -g webpack

三、安裝serve

//全域性安裝
$ cnpm install -g serve

四、安裝weexpack

//全域性安裝
$ cnpm install -g weexpack

五、安裝weex-toolkit

//全域性安裝
$ npm install -g weex-toolkit

weex-toolkit和weexpack的區別

weex-toolkit 初始化的專案是針對開發單個 Weex 頁面而設計的,也就是說這樣的專案只包括單個頁面開發需要的東西,比如前端頁面原始檔、webpack 配置、npm 指令碼等。專案產生的輸出就是一個 JS Bundle 檔案,可以自由的進行部署。
weex-pack 是初始化一個完整的 App 工程,包括 Android 和 iOS 的整個 App 起步,前端頁面只是其中的一部分。這樣的專案最終產出是一個 Android App 和一個 iOS App。