React環境搭建

2021-09-29 21:23:37 字數 761 閱讀 6068

從早上8點多搞到現在(15:03),結果發現是因為我網路太差,所以遲遲沒安裝好。。先總結下步驟,非常簡單,我感覺。。

1、安裝node.js

2、安裝**的cnpm

我的網速比較慢(這也是導致我乙個小時也沒安裝好乙個專案的原因,瘋掉),選擇使用**的cnpm,同時設定映象位址

npm install -g cnpm --registry=

3、安裝yarn

cnpm install -g yarn

5、用腳手架建立專案

我測試的時候沒有改變資料夾,就直接在根目錄下建立了這個demo01資料夾。

想要修改資料夾路徑的話,就用cd命令,然後進到目標路徑下再執行此命令,效果一樣。

然後當出現圖1的畫面時,就表明專案檔案建立成功啦。專案檔案內容如圖2所示。

圖1  建立專案成功介面

圖2  demo01專案檔案

6、按照它建議的命令,依次執行cd demo01、yarn start

就會自動開啟localhost:3000網頁,如圖3所示。 

圖3  主頁 

react環境搭建

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

react 搭建react開發環境

搭建react開發環境有兩種 1 必須要安裝nodejs 注意 安裝nodejs穩定版本 2.安裝腳手架工具 單檔案元件專案生成工具 只需要安裝一次 3.建立專案 可能建立多次 找到專案要建立的目錄 4.cd 到專案裡面 cd reactdemo npm start yarn start執行專案 n...

React開發環境搭建

一 準備環境 1 必須安裝nodejs 注意 安裝nodejs穩定版本 2 安裝cnpm用cnpm替代npm 安裝命令 npm install g cnpm registry 警告提示版本問題,可以忽略。3 用yarn替代npm yarn的安裝 第一種方法 參考官方文件 第二種方法 cnpm ins...