成人无码视频,亚洲精品久久久久av无码,午夜精品久久久久久毛片,亚洲 中文字幕 日韩 无码

資訊專欄INFORMATION COLUMN

React.js 小書 Lesson5 - React.js 基本環(huán)境安裝

zilu / 3348人閱讀

摘要：工具地址在安裝之前要確認(rèn)你的機(jī)器上安裝了環(huán)境包括。安裝好環(huán)境以后，只需要按照官網(wǎng)的指引安裝即可。所以可以把的源改成國(guó)內(nèi)的的源，這樣會(huì)加速下載過程。接下來我們會(huì)探討的組件的基本寫法小書使用描述信息。

React.js 小書 Lesson5 - React.js 基本環(huán)境安裝 
本文作者：胡子大哈
本文原文：http://huziketang.com/books/react/lesson5

轉(zhuǎn)載請(qǐng)注明出處，保留原文鏈接以及作者信息

在線閱讀：http://huziketang.com/books/react

安裝 React.js

React.js 多帶帶使用基本上是不可能的事情。不要指望著類似于 jQuery 下載放到 標(biāo)簽就開始使用。使用 React.js 不管在開發(fā)階段生產(chǎn)階段都需要一堆工具和庫(kù)輔助，編譯階段你需要借助 Babel；需要 Redux 等第三方的狀態(tài)管理工具來組織代碼；如果你要寫單頁(yè)面應(yīng)用那么你需要 React-router。這就是所謂的“React.js全家桶”。

本課程不會(huì)教大家如何配置這些東西，因?yàn)檫@不是課程的重點(diǎn)，網(wǎng)上有很多的資料，大家可以去參考那些資料。我們這里會(huì)直接使用 React.js 官網(wǎng)所推薦使用的工具 create-react-app 工具。它可以幫助我們一鍵生成所需要的工程目錄，并幫我們做好各種配置和依賴，也幫我們隱藏了這些配置的細(xì)節(jié)。也就是所謂的“開箱即用”。

工具地址：https://github.com/facebookincubator/create-react-app

在安裝之前要確認(rèn)你的機(jī)器上安裝了 node.js 環(huán)境包括 npm。如果沒有安裝的同學(xué)可以到 node.js 的官網(wǎng)下載自己電腦的對(duì)應(yīng)的安裝包來安裝好環(huán)境。

安裝好環(huán)境以后，只需要按照官網(wǎng)的指引安裝 create-react-app 即可。

npm install -g create-react-app

這條命令會(huì)往我們的機(jī)器上安裝一條叫 create-react-app 的命令，安裝好以后就可以直接使用它來構(gòu)建一個(gè) react 的前端工程：

create-react-app hello-react

這條命令會(huì)幫我們構(gòu)建一個(gè)叫 hell-react 的工程，并且會(huì)自動(dòng)地幫助我們安裝所需要的依賴，現(xiàn)在只需要安靜地等待它安裝完。

額外的小貼士：


如果有些同學(xué)安裝過程比較慢，那是很有可能是因?yàn)?npm 下載的時(shí)候是從國(guó)外的源下載的緣故。所以可以把 npm 的源改成國(guó)內(nèi)的 taobao 的源，這樣會(huì)加速下載過程。在執(zhí)行上面的命令之前可以先修改一下 npm 的源：


npm config set registry https://registry.npm.taobao.org

下載完以后我們就可以啟動(dòng)工程了，進(jìn)入工程目錄然后通過 npm 啟動(dòng)工程：

cd hello-react
npm start

終端提示成功：

并且會(huì)自動(dòng)打開瀏覽器，就可以看到 React 的工程順利運(yùn)行的效果：

這時(shí)候我們把 src/App.js 文件中的

標(biāo)簽的內(nèi)容修改為 Hello React，

Hello React

保存一下，然后戶就會(huì)發(fā)現(xiàn)瀏覽器自動(dòng)刷新，并且我們的修改也生效了：

到這里我們的環(huán)境已經(jīng)安裝好了，并且順利地運(yùn)行了我們第一個(gè)例子。接下來我們會(huì)探討 React.js 的組件的基本寫法——《React.js 小書 Lesson6 - 使用 JSX 描述 UI 信息》。

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://m.hztianpu.com/yun/89647.html

相關(guān)文章

  • React.js 小書 Lesson4 - 前端組件化（三）：抽象出公共組件類

    摘要：最后抽離出來了一個(gè)類，可以幫助我們更好的做組件化。一個(gè)組件有自己的顯示形態(tài)上面的結(jié)構(gòu)和內(nèi)容行為，組件的顯示形態(tài)和行為可以由數(shù)據(jù)狀態(tài)和配置參數(shù)共同決定。接下來我們開始正式進(jìn)入主題，開始正式介紹。下一節(jié)鏈接直達(dá)小書基本環(huán)境安裝 React.js 小書 Lesson4 - 前端組件化（三）：抽象出公共組件類 本文作者：胡子大哈本文原文：http://huziketang.com/books...

    jsbintask 評(píng)論0 收藏0

  • 寫一本關(guān)于 React.js 的小書

    摘要：因?yàn)楣ぷ髦幸恢痹谑褂?，也一直以來想總結(jié)一下自己關(guān)于的一些知識(shí)經(jīng)驗(yàn)。于是把一些想法慢慢整理書寫下來，做成一本開源免費(fèi)專業(yè)簡(jiǎn)單的入門級(jí)別的小書，提供給社區(qū)。本書的后續(xù)可能會(huì)做成視頻版本，敬請(qǐng)期待。本作品采用署名禁止演繹國(guó)際許可協(xié)議進(jìn)行許可 React.js 小書 本文作者：胡子大哈本文原文：React.js 小書 轉(zhuǎn)載請(qǐng)注明出處，保留原文鏈接以及作者信息 在線閱讀：http://huzi...

    Scorpion 評(píng)論0 收藏0

  • 2017-09-13 前端日?qǐng)?bào)

    摘要：前端日?qǐng)?bào)精選中的垃圾收集，圖文指南十個(gè)免費(fèi)的前端開發(fā)工具專題之遞歸如何在鏈中共享變量基于的爬蟲框架中文譯十六進(jìn)制顏色揭秘掘金掘金小書基本環(huán)境安裝小書教程中間件對(duì)閉包的一個(gè)巧妙使用簡(jiǎn)書源碼分析掘金組件開發(fā)練習(xí)焦點(diǎn)圖切換前端學(xué) 2017-09-13 前端日?qǐng)?bào) 精選 V8 中的垃圾收集（GC），圖文指南十個(gè)免費(fèi)的web前端開發(fā)工具JavaScript專題之遞歸 · Issue #49 · m...

    BWrong 評(píng)論0 收藏0

  • React.js 小書 Lesson9 - 事件監(jiān)聽

    摘要：在不需要手動(dòng)調(diào)用瀏覽器原生的進(jìn)行事件監(jiān)聽。沒有經(jīng)過特殊處理的話，這些的事件監(jiān)聽只能用在普通的的標(biāo)簽上，而不能用在組件標(biāo)簽上。的事件監(jiān)聽方法需要手動(dòng)到當(dāng)前實(shí)例，這種模式在中非常常用。下一節(jié)中我們將介紹小書組件的和。 React.js 小書 Lesson9 - 事件監(jiān)聽 本文作者：胡子大哈本文原文：http://huziketang.com/books/react/lesson9 轉(zhuǎn)載請(qǐng)...

    yanbingyun1990 評(píng)論0 收藏0

  • React.js 小書 Lesson21 - ref 和 React.js 中的 DOM 操作

    摘要：多余的操作其實(shí)是代碼里面的噪音，不利于我們理解和維護(hù)。下一節(jié)中我們將介紹小書和容器類組件。 React.js 小書 Lesson21 - ref 和 React.js 中的 DOM 操作 本文作者：胡子大哈本文原文：http://huziketang.com/books/react/lesson21 轉(zhuǎn)載請(qǐng)注明出處，保留原文鏈接以及作者信息 在線閱讀：http://huziketan...

    Gemini 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

閱讀需要支付1元查看
<