成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專(zhuān)欄INFORMATION COLUMN

react開(kāi)發(fā)教程（二）安裝

Jonathan Shieber / 1298人閱讀

摘要：使用快速構(gòu)建開(kāi)發(fā)環(huán)境第一步安裝全局包是來(lái)自于，通過(guò)該命令我們無(wú)需配置就能快速構(gòu)建開(kāi)發(fā)環(huán)境。執(zhí)行以下命令創(chuàng)建項(xiàng)目項(xiàng)目目錄在瀏覽器中打開(kāi)，即可顯示上一篇開(kāi)發(fā)教程初識(shí)下一篇開(kāi)發(fā)教程三組件的構(gòu)建

react安裝

React可以直接下載使用，下載包中也提供了很多學(xué)習(xí)的實(shí)例。
本教程使用了 React 的版本為 15.4.2，你可以在官網(wǎng) http://facebook.github.io/react/ 下載最新版。
你也可以直接使用 BootCDN 的 React CDN 庫(kù)，地址如下：

使用實(shí)例



  
    
    Hello React!
    
    
    
  
  
    

    
  

react.min.js - React 的核心庫(kù) react-dom.min.js - 提供與 DOM 相關(guān)的功能
babel.min.js - Babel 可以將 ES6 代碼轉(zhuǎn)為 ES5 代碼，這樣我們就能在目前不支持 ES6 瀏覽器上執(zhí)行 React
代碼。Babel 內(nèi)嵌了對(duì) JSX 的支持。通過(guò)將 Babel 和 babel-sublime
包（package）一同使用可以讓源碼的語(yǔ)法渲染上升到一個(gè)全新的水平。
使用 create-react-app 快速構(gòu)建 React 開(kāi)發(fā)環(huán)境 第一步、安裝全局包

create-react-app 是來(lái)自于 Facebook，通過(guò)該命令我們無(wú)需配置就能快速構(gòu)建 React 開(kāi)發(fā)環(huán)境。
create-react-app 自動(dòng)創(chuàng)建的項(xiàng)目是基于 Webpack + ES6 。
執(zhí)行以下命令創(chuàng)建項(xiàng)目：

$ cnpm install -g create-react-app
$ create-react-app my-app
$ cd my-app/
$ npm start

//項(xiàng)目目錄
|____my-app
|____README.md
|____node_modules/
| |____package.json
|____.gitignore
|____public
| |____favicon.ico
| |____index.html
|____src
| |____App.css
| |____App.js
| |____App.test.js
| |____index.css
| |____index.js
| |____logo.svg

在瀏覽器中打開(kāi) http://localhost:3000/ ，即可顯示

上一篇：react開(kāi)發(fā)教程（－）初識(shí)
下一篇：react開(kāi)發(fā)教程（三）組件的構(gòu)建

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

轉(zhuǎn)載請(qǐng)注明本文地址：http://systransis.cn/yun/82544.html

相關(guān)文章

  • webpack4詳細(xì)教程，從無(wú)到有搭建react腳手架（二）

    摘要：相關(guān)鏈接詳細(xì)教程，從無(wú)到有搭建腳手架一配置插件，這兩個(gè)插件基本上是必配的了介紹每次打包時(shí)清理上次打包生成的目錄官網(wǎng)指南關(guān)于這個(gè)插件部分內(nèi)容已經(jīng)過(guò)時(shí)沒(méi)有更新，按照官網(wǎng)配置會(huì)出錯(cuò)，所以參考上這個(gè)插件文檔來(lái)配置，文檔地址生成打 相關(guān)鏈接 webpack4詳細(xì)教程，從無(wú)到有搭建react腳手架（一） 配置插件 clean-webpack-plugin、 html-webpack-plugin...

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

  • webpack4詳細(xì)教程，從無(wú)到有搭建react腳手架（四）

    摘要：相關(guān)鏈接詳細(xì)教程，從無(wú)到有搭建腳手架一詳細(xì)教程，從無(wú)到有搭建腳手架二詳細(xì)教程，從無(wú)到有搭建腳手架三管理打包后目錄結(jié)構(gòu)打包結(jié)構(gòu)如下修改配置通過(guò)相對(duì)目錄對(duì)資源命名前加上目錄名，效果后面的步驟在這里需要安裝一個(gè)大型的包，以為例安裝為第三 相關(guān)鏈接 webpack4詳細(xì)教程，從無(wú)到有搭建react腳手架（一） webpack4詳細(xì)教程，從無(wú)到有搭建react腳手架（二） webpack4詳細(xì)...

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

  • windows系統(tǒng)安裝配置react-native運(yùn)行環(huán)境

    摘要：把目錄添加到環(huán)境變量中打開(kāi)控制面板系統(tǒng)和安全系統(tǒng)高級(jí)系統(tǒng)設(shè)置高級(jí)環(huán)境變量，選中變量，然后點(diǎn)擊編輯。 最近公司要開(kāi)發(fā)react-native項(xiàng)目，自己在windows系統(tǒng)上練習(xí)了一下，過(guò)程中發(fā)現(xiàn)好多問(wèn)題，在這里整理出來(lái)供大家參考； 一、首先來(lái)看一下reactNative官網(wǎng) 官網(wǎng)上的教程很詳細(xì)，介紹了IOS和Android的環(huán)境搭建、示例教程等等，建議大家先按照官網(wǎng)的環(huán)境搭建教程嘗試搭...

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

  • windows系統(tǒng)安裝配置react-native運(yùn)行環(huán)境

    摘要：把目錄添加到環(huán)境變量中打開(kāi)控制面板系統(tǒng)和安全系統(tǒng)高級(jí)系統(tǒng)設(shè)置高級(jí)環(huán)境變量，選中變量，然后點(diǎn)擊編輯。 最近公司要開(kāi)發(fā)react-native項(xiàng)目，自己在windows系統(tǒng)上練習(xí)了一下，過(guò)程中發(fā)現(xiàn)好多問(wèn)題，在這里整理出來(lái)供大家參考； 一、首先來(lái)看一下reactNative官網(wǎng) 官網(wǎng)上的教程很詳細(xì)，介紹了IOS和Android的環(huán)境搭建、示例教程等等，建議大家先按照官網(wǎng)的環(huán)境搭建教程嘗試搭...

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

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

0條評(píng)論

最新活動(dòng)
閱讀需要支付1元查看
<