1. 程式人生 > >React簡介及環境搭建

React簡介及環境搭建

下一步 公司 窗口 容易 npm art 發布 pan 開發

(一)React的簡單介紹

  1. React 來自於Facebook公司的開源項目
  2. React 可以開發單頁面應用 spa(單頁面應用)
  3. React 組件化模塊化 開發模式
  4. React通過對DOM的模擬(虛擬dom),最大限度地減少與DOM的交互 (數據綁定)
  5. React靈活 React可以與已知的庫或框架很好地配合
  6. React 基於jsx的語法,JSX是React的核心組成部分,它使用XML標記的方式去直接聲明界面, html js混寫模式

(二)搭建React開發環境

  1. 下載node.js 網址: https://nodejs.org/en/ (註:下載為LTS的 這為穩定版本,不容易出錯)
  2. 下載完直接下一步。。。。進行無腦安裝。
  3. 在命令窗口輸入 node -v 和 nmp -v 看是否安裝成功。
  4. 如果安裝成功 在命令窗口繼續安裝 cnpm 命令為:

    npm install -g cnpm --registry=https://registry.npm.taobao.org

  5. 然後安裝yarn 命令為 :cnpm install -g yarn

(三)創建一個demo 項目

  1.  我是在D盤建了個目錄為react
  2. 在命令窗口切換到react目錄
    1. d:
    2. cd react
  3. 創建項目 npx create-react-app reactdemo
    1. cd reactdemo (進入項目)
    2. npm start 運行項目(調試)
    3. npm run build 生成項目(發布)  瀏覽器顯示效果如下
    4. 技術分享圖片

                                     

 


 

            有很久沒見,你剪了長發。

            

React簡介及環境搭建