中文亚洲精品无码_熟女乱子伦免费_人人超碰人人爱国产_亚洲熟妇女综合网

當(dāng)前位置: 首頁 > news >正文

江蘇環(huán)泰建設(shè)有限公司網(wǎng)站西安seo主管

江蘇環(huán)泰建設(shè)有限公司網(wǎng)站,西安seo主管,做網(wǎng)站建設(shè)的網(wǎng)絡(luò)公司經(jīng)營范圍怎樣填,網(wǎng)站收錄慢項(xiàng)目框架搭建的方式react腳手架Ant-design官網(wǎng)一、安裝方式npm二、安裝方式y(tǒng)arn三、安裝方式umi devreact腳手架 命令行: npx create-react-app myReactName項(xiàng)目目錄結(jié)構(gòu): 瀏覽器運(yùn)行,端口號3000: Ant-design官網(wǎng) 一、安裝方…

項(xiàng)目框架搭建的方式

  • react腳手架
  • Ant-design官網(wǎng)
    • 一、安裝方式npm
    • 二、安裝方式y(tǒng)arn
    • 三、安裝方式umi dev

react腳手架

命令行:

npx create-react-app myReactName

項(xiàng)目目錄結(jié)構(gòu):
在這里插入圖片描述
瀏覽器運(yùn)行,端口號3000:
在這里插入圖片描述

Ant-design官網(wǎng)

一、安裝方式npm

前提:react ES2015,nodejs v8+
命令行:

npx @umijs/create-umi-app

項(xiàng)目目錄結(jié)構(gòu):
在這里插入圖片描述

瀏覽器運(yùn)行,端口號3000:yarn start失敗

二、安裝方式y(tǒng)arn

前提:yarn全局安裝配置
命令行:

推薦使用yarn安裝
yarn create @umijs/umi-app

項(xiàng)目目錄結(jié)構(gòu):
在這里插入圖片描述
新建路由以及子路由的配置:
前提:umi官網(wǎng)路由

01定義:
在 Umi 應(yīng)用是單頁應(yīng)用,頁面地址的跳轉(zhuǎn)都是在瀏覽器端完成的,不會重新請求服務(wù)端獲取 html,html 只在應(yīng)用初始化時(shí)加載一次。所有頁面由不同的組件構(gòu)成,頁面的切換其實(shí)就是不同組件的切換,你只需要在配置中把不同的路由路徑和對應(yīng)的組件關(guān)聯(lián)上。
路由類型配置:
02分類:
1.開啟 hash 模式,讓 build 之后的產(chǎn)物包含 hash 后綴。通常用于增量發(fā)布和避免瀏覽器加載緩存。
2.設(shè)置路由 history 類型。
03通過命令創(chuàng)建一個(gè)/peoducts路由
npx umi g page products --typescript
04.umirc.ts中配置路由

子路由配置:
步驟:

01配置子路由,通常在需要為多個(gè)路徑增加 layout 組件時(shí)使用。
02然后在 src/layouts/index 中通過 <Outlet/> 渲染子路由,但是此處遇見了問題。
問題描述:
模塊“"umi"”沒有導(dǎo)出的成員“Outlet”。
解決思路:
1.主要是 ts 對 umi 的識別問題;
2.查看下 tsconfig.json 文件的配置
03最后,訪問 /list 和 /admin 就會帶上 src/layouts/index 這個(gè) layout 組

代碼示意圖:
在這里插入圖片描述

瀏覽器運(yùn)行,端口號8000:yarn start
在這里插入圖片描述

三、安裝方式umi dev

前提:全局安裝umi

安裝umi:
npm install umi -g
查看umi是否安裝成功:
umi -v

命令行:

創(chuàng)建頁面:
umi g page index
umi g page users

項(xiàng)目目錄結(jié)構(gòu):
在這里插入圖片描述

瀏覽器運(yùn)行,端口號3000:

umi dev
01這一步會直接打開頁面,并且pages文件夾下會多一個(gè).umi目錄
02.umi目錄是一個(gè)臨時(shí)目錄
1.可以再這里做一些驗(yàn)證,不要直接修改代碼
2.umi重啟或者pages下的文件修改  會重新生成
http://www.risenshineclean.com/news/2163.html

相關(guān)文章:

  • 在火爐做網(wǎng)站公園坐什么車網(wǎng)絡(luò)營銷圖片
  • 怎么自己建一個(gè)網(wǎng)站嗎今日熱榜
  • 福建做網(wǎng)站公司seo優(yōu)化招商
  • 樹莓派可以用wordpressseo網(wǎng)絡(luò)推廣培訓(xùn)
  • wordpress 批量圖片海會網(wǎng)絡(luò)做的網(wǎng)站怎么做優(yōu)化
  • 盤縣 網(wǎng)站建設(shè)免費(fèi)培訓(xùn)網(wǎng)站
  • 網(wǎng)站搜索算法免費(fèi)的鄭州網(wǎng)絡(luò)推廣服務(wù)
  • 和網(wǎng)站開發(fā)公司如何簽合同網(wǎng)站快速排名的方法
  • 電子商務(wù)網(wǎng)站建設(shè)與維護(hù)實(shí)訓(xùn)報(bào)告windows優(yōu)化大師最新版本
  • 怎樣在建設(shè)部網(wǎng)站查資質(zhì)證書環(huán)球網(wǎng)最新消息
  • p2p網(wǎng)站審批企業(yè)管理培訓(xùn)課程報(bào)名
  • 可以做自媒體的網(wǎng)站推廣平臺有哪些渠道
  • 鞏義專業(yè)網(wǎng)站建設(shè)公司首選推廣賺錢平臺
  • 企業(yè)網(wǎng)站分析報(bào)告網(wǎng)站優(yōu)化推廣
  • 網(wǎng)站開發(fā)的工作總結(jié)seo方案
  • wordpress 群網(wǎng)絡(luò)公司優(yōu)化關(guān)鍵詞
  • 網(wǎng)站開發(fā)商標(biāo)屬于哪一類福州短視頻seo公司
  • 網(wǎng)站開發(fā)需求大嗎公眾號開發(fā)網(wǎng)站公司
  • 網(wǎng)站版權(quán)問題seo工具是什么意思
  • 東莞網(wǎng)站建設(shè)怎么做惠州seo優(yōu)化
  • 高安網(wǎng)站建設(shè)設(shè)計(jì)網(wǎng)站排行榜前十名
  • 手機(jī)上設(shè)計(jì)logo的app山東網(wǎng)站seo推廣優(yōu)化價(jià)格
  • 購買了個(gè)網(wǎng)站源碼 怎么建立2022年百度seo
  • 云浮云城疫情最新消息通知重慶網(wǎng)站關(guān)鍵詞排名優(yōu)化
  • 圖案設(shè)計(jì)制作網(wǎng)站內(nèi)部鏈接優(yōu)化方法
  • 杭州專業(yè)網(wǎng)站制作凡科建站下載
  • 用vue.js做網(wǎng)站視頻推廣
  • 全球最好的云服務(wù)器搜索引擎優(yōu)化的目的是對用戶友好
  • 廣州做網(wǎng)站多少錢西安百度seo推廣電話
  • 做網(wǎng)站網(wǎng)頁的工作怎么樣自制網(wǎng)站