React簡介及環境搭建
阿新 • • 發佈:2019-02-17
下一步 公司 窗口 容易 npm art 發布 pan 開發
(一)React的簡單介紹
- React 來自於Facebook公司的開源項目
- React 可以開發單頁面應用 spa(單頁面應用)
- React 組件化模塊化 開發模式
- React通過對DOM的模擬(虛擬dom),最大限度地減少與DOM的交互 (數據綁定)
- React靈活 React可以與已知的庫或框架很好地配合
- React 基於jsx的語法,JSX是React的核心組成部分,它使用XML標記的方式去直接聲明界面, html js混寫模式
(二)搭建React開發環境
- 下載node.js 網址: https://nodejs.org/en/ (註:下載為LTS的 這為穩定版本,不容易出錯)
- 下載完直接下一步。。。。進行無腦安裝。
- 在命令窗口輸入 node -v 和 nmp -v 看是否安裝成功。
- 如果安裝成功 在命令窗口繼續安裝 cnpm 命令為:
npm install -g cnpm --registry=https://registry.npm.taobao.org
- 然後安裝yarn 命令為 :cnpm install -g yarn
(三)創建一個demo 項目
- 我是在D盤建了個目錄為react
- 在命令窗口切換到react目錄
- d:
- cd react
- 創建項目 npx create-react-app reactdemo
- cd reactdemo (進入項目)
- npm start 運行項目(調試)
- npm run build 生成項目(發布) 瀏覽器顯示效果如下
-
有很久沒見,你剪了長發。
React簡介及環境搭建