Umi 是什麼
Umi，中文可發音為烏米，是可擴充套件的企業級前端應用框架。Umi 以路由為基礎的，同時支援配置式路由和約定式路由，保證路由的功能完備，並以此進行功能擴充套件。然後配以生命週期完善的外掛體系，覆蓋從原始碼到構建產物的每個生命週期，支援各種功能擴充套件和業務需求。
Umi 是螞蟻金服的底層前端框架，已直接或間接地服務了 3000+ 應用，包括 java、node、H5 無線、離線（Hybrid）應用、純前端 assets 應用、CMS 應用等。他已經很好地服務了我們的內部使用者，同時希望他也能服務好外部使用者。
Umijs的功能
1、可擴充套件，Umi 實現了完整的生命週期，並使其外掛化，Umi 內部功能也全由外掛完成。此外還支援外掛和外掛集，以滿足功能和垂直域的分層需求。
2、開箱即用，Umi 內建了路由、構建、部署、測試等，僅需一個依賴即可上手開發。並且還提供針對 React 的整合外掛集，內涵豐富的功能，可滿足日常 80% 的開發需求。
3、企業級，經螞蟻內部 3000+ 專案以及阿里、優酷、網易、飛豬、口碑等公司專案的驗證，值得信賴。
4、大量自研，包含微前端、元件打包、文件工具、請求庫、hooks 庫、資料流等，滿足日常專案的周邊需求。
5、完備路由，同時支援配置式路由和約定式路由，同時保持功能的完備性，比如動態路由、巢狀路由、許可權路由等等。
6、面向未來，在滿足需求的同時，我們也不會停止對新技術的探索。比如 dll 提速、modern mode、webpack@5、自動化 external、bundler less 等等。
Umijs的侷限性
1、需要支援 IE 8 或更低版本的瀏覽器。
2、需要支援 React 16。8。0 以下的 React。
3、需要跑在 Node 10 以下的環境中。
4、有很強的 webpack 自定義需求和主觀意願。
5、需要選擇不同的路由方案。
專案構建
01
安裝node
首先得有 node，並確保 node 版本是 10。13 或以上。目前node的穩定版是12。16。2。
node下載地址：https：//nodejs。org/en/。
根據不同的系統選擇不同的安裝方式。windows直接下載可執行檔案就可以了。
溫馨提示
採用如下命令：node -v 可以檢視當前安裝的版本。
02
新建目錄
新建一個目錄。
windows系統直接滑鼠右鍵就可以建立了。也可以用如下命令來建立：
溫馨提示
各個系統建立目錄的的命令都是一樣的。
溫馨提示
這裡跟建立antd pro專案是不一樣的的。建立antd pro 的時候，拉去模板程式碼的時候會根據最後一個引數來建立目錄。這裡要先建立目錄。
建立目錄之後，進入該目錄。
03
建立專案
透過官方工具建立專案。
溫馨提示
如果是用yarn。命令如下：yarn create @umijs/umi-app
出現上圖的資訊，說明我們建立專案成功。
接下來安裝依賴：
出現如下資訊說明，依賴安裝完成。（根據網路的不同，安裝完成需要的時間不同）
04
啟用專案
上述3步操作成功之後，採用：npm run start 命令來啟動專案。
出現上面兩個地址說明啟動成功。現在開啟瀏覽器，輸入上面的地址，出現如下的介面：
到這裡，umijs的專案就建立完成了。
