用react搭建乙個管理後台(一)

2021-10-02 13:39:38 字數 2720 閱讀 7436

在碼雲或github上建立乙個空的倉庫。並將本地庫和遠端庫關聯。

在本地專案庫中依次執行:

git init //初始化git倉庫

git add .

/ git commit -m 'first commit'

git remote add origin 遠端

git push -u origin master

坑:如果這裡報錯沒有許可權。

可以通過如下命令生成:

ssh-keygen -t rsa -

c"你的git郵箱"

拷貝生成的公鑰到碼雲或github中。

然後再推送就行了。

npm install serve -g 全域性安裝serve伺服器

npm run build 打包

serve build 啟動

安裝antd

yarn add antd
元件按需打包
yarn add babel-plugin-
定義載入配置的js模組:config-overrides.js

內容如下:

修改package.json檔案

"scripts"

:,

import react from

'react'

;import

from

'antd'

// 應用根元件

function()

export

yarn start 執行專案。

ok。安裝工具包

yarn add less less-loader
修改config-overrides.js檔案。

重新執行專案:

// 應用根元件

function()

/>

'/' component=

/>

<

/switch>

<

/browserrouter>);

}export

訪問 http://localhost:3001/login 預設埠是3000 。

訪問 http://localhost:3001/

碼雲倉庫:原始碼

xadmin快速搭建乙個後台管理系統

build paths inside the project like this os.path.join base dir,base dir os.path.dirname os.path.dirname os.path.abspath file 檔案目錄匯入到搜尋路徑中 sys.path.ins...

搭建乙個簡單的後台管理系統(一)

1.建立乙個資料夾myadmin 2.進入該資料夾的操作命令 3.依次輸入下列命令 vue init 初始化專案 npm install 安裝npm 模組 的依賴 cd myadmin 進入專案目錄 npm run serve 執行專案 繼續在上面命令行內輸入 這裡是完整安裝 npm i eleme...

搭建乙個簡單的React專案

這上面的就不細說了,用過三大框架的應該都清楚。1.建立目錄結構 其實這些目錄都是可以按照個人習慣來定義,但是不可缺少的一定要加上 2.安裝路由 建立router index.js 安裝react router dom npm install react router dom或者有的人比較喜歡使用ya...