react 環境搭建之本地方法

2021-08-21 09:34:45 字數 683 閱讀 2561

一 標準方法

安裝node,yarn

yarn start

環境搭建已經如此簡單了,之後就是編寫**和除錯.

二 local方法

另一種無需server的方法是利用electron和babel.

目錄結構:

├── .babelrc

├── package.json

├── main.js

└── src

├── index.local.js

└── index.html

.babelrc檔案內容

electron 包說明檔案

}

main.js檔案

...

mainwindow.loadurl(`file://$/src/index.html`);

...

index.html檔案

root

import react from 'react';

import reactdom from 'react-dom';

01 搭建React本地開發環境

1,安裝node.js 檢查安裝成功 輸入node v和npm v,成功出現版本號 2,使用 的cnpm,同時設定映象位址 檢查 映象是否安裝成功 cnpm v 指令 npm install g cnpm registry 3,全域性安裝react腳手架 4,進入我們要建立react專案的檔案中,在...

react環境搭建

react webpack資料夾是開發目錄,在此目錄下執行命令,假設你已經正確安裝了 nodejs 一 參照教程搭建環境 以下模式請用 超級管理員來執行 npm install g yo 安裝 yeoman 可選 npm install g generator react webpack 安裝生成器...

React環境搭建

從早上8點多搞到現在 15 03 結果發現是因為我網路太差,所以遲遲沒安裝好。先總結下步驟,非常簡單,我感覺。1 安裝node.js 2 安裝 的cnpm 我的網速比較慢 這也是導致我乙個小時也沒安裝好乙個專案的原因,瘋掉 選擇使用 的cnpm,同時設定映象位址 npm install g cnpm...