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

資訊專欄INFORMATION COLUMN

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

Jonathan Shieber / 1354人閱讀

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

react安裝

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

使用實(shí)例



  
    
    Hello React!
    
    
    
  
  
    

    
  

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

create-react-app 是來自于 Facebook，通過該命令我們無需配置就能快速構(gòu)建 React 開發(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

在瀏覽器中打開 http://localhost:3000/ ，即可顯示

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

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

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

相關(guān)文章

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

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

    cuieney 評論0 收藏0

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

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

    chnmagnus 評論0 收藏0

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

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

    SunZhaopeng 評論0 收藏0

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

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

    sixgo 評論0 收藏0

發(fā)表評論

0條評論

閱讀需要支付1元查看
<