nodejs中weex前端框架小專案的搭建。

2022-05-23 20:18:08 字數 946 閱讀 9546

最近想要在學習nodejs,前端框架想要使用weex然後就想要安裝乙個weex框架。

首先我們要先安裝好自己的nodejs,

判斷自己的nodejs是否安裝成功,自己可以開啟自己的dos視窗,然後自己進行驗證,在視窗中輸入node -v檢視自己的版本號。如圖:

然後自己可以直接進行安裝weex這個框架,但是自己試了一下幾次都沒有安裝成功,然後自己就只好轉變自己的安裝方法。成功的一次是自己通過**映象的cnpm安裝成功了。

當我們安裝好了nodejs之後,通過配置自己的環境變數,自己可以配置好自己的環境變數。

然後我們可以通過如上圖所示。一條語句在dos中輸入

cnpm install -g weex-toolkit

進行安裝自己weex框架。

在我們的webstorm中的終端我們輸入

來建立我們的乙個空的模板專案:如圖所示:

然後讓我們一直按回車,知道這個東西結束了。

開發開始

下一步就是進入剛剛建立的額資料夾,並且安裝依賴,

然後執行npm start

npm install 

npm start

然後工具會啟動乙個本地的web伺服器,經停8081埠。你可以進行開啟自己的webstorm中的終端提供的url進入就可以進入

乙個模板的網頁

如圖所示:

http://localhost:8081但是正如圖所示我的是這個**。在webstorm中的終端有圖有真相。

Weex 框架中 JS Framework 的結構

weex 具有移動端跨平台的特性,js framework 是其中比較關鍵的一層。首先來看一下 js framework 在 weex 中的位置 從圖中可以看出 weex 整體的工作流程。首先開發者可以宣告式的定義元件,形成.we檔案,通過 weex toolkit 提供的工具將.we檔案轉為 js...

WEEX之前端開發

這裡談一談 weex 對移動應用的理解。如今移動應用的開發需要並行研發的能力,當乙個移動應用發展到一定規模的時候,能否支撐大規模的並行研發就成為了一件非常關鍵而又重要的事情。否則很容易變成工程瓶頸。如今移動應用不論從研發節奏 部署的靈活性和時效性 包大小 還是從研發到發布再到反饋的迭代週期上,都和移...

Weex和React Native框架對比與選擇

大致基本類同,js native橋和前端渲染框架,只是使用框架技術不一樣 weex react native weex react native js引擎 v8jscore js開發框架 vue.js 元件化,資料繫結 virtual dom 模板就是普通的html,資料繫結使用mustache風格...