国产无码综合区,色欲AV无码国产永久播放,无码天堂亚洲国产AV,国产日韩欧美女同一区二区

<rt id="iy5rz"><button id="iy5rz"><optgroup id="iy5rz"></optgroup></button></rt>

react項目入門，創(chuàng)建項目

2年前作者：jun_tong分類：Toy博客閱讀(22)違法舉報

這篇具有很好參考價值的文章主要介紹了react項目入門，創(chuàng)建項目。希望對大家有所幫助。如果存在錯誤或未考慮完全的地方，請大家不吝賜教，您也可以點擊"舉報違法"按鈕提交疑問。

react項目入門，創(chuàng)建項目

// react-ts項目入門，創(chuàng)建項目
// https://juejin.cn/post/6844904184597184519

第零步，檢查版本

node -v
npm -v

react項目入門，創(chuàng)建項目,react,前端,react

1a69c3036bc3aea6d29d2b66fe46602f.jpg

第一步，新建個文件夾，不能中午命名，然后直接拖向code.exe開發(fā)工具

react項目入門，創(chuàng)建項目,react,前端,react

f0e9d25b01c1256f0b168cb255c77c1a.jpg

第二步，創(chuàng)建項目

打開后，點擊左下角圖標/或者頂部按鈕終端>新建終端，打開命令輸入界面
1，初始化 Umi 項目：
npx @umijs/create-umi-app

2，下載依賴
yarn
npm i

react項目入門，創(chuàng)建項目,react,前端,react

5984438a54b24b098473d6a9fe95012e.jpg

第三步，運行

npm run start

react項目入門，創(chuàng)建項目,react,前端,react

f0465425a2e0a770b84994ee223be570.jpg

第四步，最后運行效果

react項目入門，創(chuàng)建項目,react,前端,react

f621579633e731f01c69c18c4846f237.jpg文章來源地址http://www.zghlxwxcb.cn/news/detail-732708.html

到了這里，關(guān)于react項目入門，創(chuàng)建項目的文章就介紹完了。如果您還想了解更多內(nèi)容，請在右上角搜索TOY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章，希望大家以后多多支持TOY模板網(wǎng)！

本文來自互聯(lián)網(wǎng)用戶投稿，該文觀點僅代表作者本人，不代表本站立場。本站僅提供信息存儲空間服務，不擁有所有權(quán)，不承擔相關(guān)法律責任。如若轉(zhuǎn)載，請注明出處：如若內(nèi)容造成侵權(quán)/違法違規(guī)/事實不符，請點擊違法舉報進行投訴反饋，一經(jīng)查實，立即刪除！

分享到：

領(lǐng)支付寶紅包贊助服務器費用

【react】創(chuàng)建啟動react項目和跨域代理：
1、創(chuàng)建啟動react項目： 2、跨域代理：【1】文檔：https://create-react-app.dev/docs/proxying-api-requests-in-development/ 【2】src/setupProxy.js:
2024年02月12日
瀏覽(19)
【React】腳手架創(chuàng)建項目
? 創(chuàng)建React項目的命令如下： ? ? 注意：項目名稱不能包含大寫字母 ? ? 另外還有更多創(chuàng)建項目的方式，可以參考GitHub的readme 命令： create-react-app 你的項目名稱 ? 創(chuàng)建完成后，進入對應的目錄，就可以將項目跑起來： yarn start ? 我們可以通過VSCode打開項目：注意 se
2024年01月19日
瀏覽(159)
創(chuàng)建一個 React+Typescript 項目
接下來我們來一起探索一下用TypeScript 來編寫react 這也是一個非常好的趨勢，目前也非常多人使用那么我們就先從創(chuàng)建項目開始首先我們先找一個或者之前創(chuàng)建一個目錄用來放我們的項目然后在這個目錄下直接輸入例如這里我想創(chuàng)建一個叫 tsReApp 的項目就可以輸入
2024年02月13日
瀏覽(22)
創(chuàng)建react腳手架項目——demo（react18 + react-router 6）+ react項目打包部署
全局安裝 create-react-app 說明：不建議安裝全局，建議使用 npx 命令安裝，具體可參考官網(wǎng)，如下：官網(wǎng)： https://zh-hans.legacy.reactjs.org/docs/create-a-new-react-app.html. 1.2.1 問題1——npm ERR! code ENOTFOUND（網(wǎng)絡問題clashx）問題描述，如下：解決問題——方式1 如果使用了clashx，可能是它
2024年02月07日
瀏覽(30)
使用create-react-app創(chuàng)建react項目
全局安裝create-react-app 使用create-react-app創(chuàng)建一個項目如果不想全局安裝，可以直接使用npx 這需要等待一段時間，這個過程實際上會安裝三個東西 react: react的頂級庫 react-dom: 因為react有很多的運行環(huán)境，比如app端的react-native, 我們要在web上運行就使用react-dom react-scripts: 包含運
2024年02月11日
瀏覽(20)
使用React18+Ts創(chuàng)建項目
首先，使用create-react-app工具創(chuàng)建一個新的React項目：使用腳手架創(chuàng)建項目后，自帶react-dom等依賴項，但react中的所用的路由方法是react-router-dom中。默認情況下，create-react-app模板會自動生成一些文件和文件夾，這些文件和文件夾包括： node_modules：存儲所有的項目依賴項。 p
2024年02月09日
瀏覽(18)
創(chuàng)建react native項目的筆記
本項目適用于react native@0.72 react@18.2 添加 npm install react-native-gesture-handler ##接入第三支付 https://open.weixin.qq.com/
2024年02月12日
瀏覽(24)
前端react入門day01-了解react和JSX基礎(chǔ)
?(創(chuàng)作不易，感謝有你，你的支持，就是我前行的最大動力，如果看完對你有幫助，請留下您的足跡）目錄 React介紹? React是什么 React的優(yōu)勢? React的市場情況? 開發(fā)環(huán)境搭建? 使用create-react-app快速搭建開發(fā)環(huán)境嘗試運行程序? react基本框架? index.js App.js JSX基礎(chǔ)-概念和本質(zhì)
2024年02月08日
瀏覽(20)
【前端】React快速入門+Redux狀態(tài)管理
本文旨在記錄react的基礎(chǔ)內(nèi)容，幫助有需要的同學快速上手,需要進一步了解描述更加穩(wěn)妥和全面的信息，請查閱官方文檔官方文檔點擊這里進行跳轉(zhuǎn) react框架 vue,react,angular這幾種主流前端框架使用頻率較高…本質(zhì)還是js庫。 React.js是一個用于構(gòu)建用戶界面的JavaScript庫。它由
2024年02月12日
瀏覽(60)
前端react入門day02-React中的事件綁定與組件
(創(chuàng)作不易，感謝有你，你的支持，就是我前行的最大動力，如果看完對你有幫助，請留下您的足跡）目錄 React中的事件綁定 React 基礎(chǔ)事件綁定使用事件對象參數(shù)? 傳遞自定義參數(shù)? 同時傳遞事件對象和自定義參數(shù)? React中的組件? 組件是什么 React組件 useState? 修改狀態(tài)的規(guī)
2024年02月06日
瀏覽(22)

<noscript id="c95cg"></noscript>