react umi 環境搭建,建立第乙個路由頁面

2021-09-11 02:54:41 字數 1182 閱讀 9879

新增訪問頁面路由

自定義路由(配置檔案)

約定式路由 基礎路由

umi路由 api

安裝nodejs

安裝yarn

cnpm install -g yarn
安裝umi

cnpm install -g umi

建立umi 工程

yarn create umi
建議使用yarn create,能確保每次使用最新的腳手架

c:\huangbiao\gitcode\umistudy>umi g page user/userdetail

create src\pages\user\userdetail.js

create src\pages\user\userdetail.css

√ success

在工程的根目錄下面執行umi g命令

umi 會根據 pages 目錄自動生成路由配置。

假設 pages 目錄結構如下:

+ pages/

+ users/

- index.js

- list.js

- index.js

那麼,umi 會自動生成路由配置如下:

[,,

,]

建立工程名/src/pages/user/userlist.js檔案

可以通過http://localhost:8000/user/userlist訪問該檔案

工程根目錄/config/config.js工程根目錄/.umirc.js

// ref: 

import

from

'../src/defaultsettings'

;export

default],

},,// dashboard,,

],},

],};

第 0 課 Golang環境搭建

2 安裝完成後,檢視環境變數 gobin 存放可執行檔案的目錄的絕對路徑。gopath 工作區目錄的絕對路徑。存放遠原始碼的路徑。goroot go語言的安裝目錄的絕對路徑。3 進入到 gopath下面,新建乙個工程 package main import fmt func main 4 執行程式 ...

第1章 002搭建環境

詳見 python開發環境的搭建.docx文件 有3種辦法執行python 寫了python 可以直接執行,可以進行測試,但是不能進行儲存 使用 python 互動式解析器 python interpreter 直接執行 python 使用 python window 或 python3 mac l...

vue環境搭建,vue專案建立

vue這個新的工具,確實能夠提高效率,在經歷的一段時間的摧殘之後,終於能夠有乙個系統的認識了,下面就今天的收穫做乙個總結,也是vue入門的精髓 1.要使用vue來開發前端框架,首先要有環境,這個環境要借助於node,所以要先安裝node,借助於node裡面的npm來安裝需要的依賴等等。這裡有乙個小技...