如何搭建react專案

搭建react環境：

跳轉到專案目錄下

執行專案

npm start

npm start                                      ///啟動開發伺服器。

starts the development server.     ///啟動開發伺服器。
npm run build                              // 專案打包
npm test                                     //npm試驗
starts the test runner.              //  啟動測試執行程式。
npm run eject                            //    npm執行彈出
removes this tool and copies build dependencies, configuration files
//刪除此工具並複製生成依賴項、配置檔案
以及應用程式目錄中的指令碼。如果你這樣做，你就不能回去！

寫法1

import react,  from 'react';

class home extends component
}render())}
}export default home;

import react from 'react';

class news extends react.component
}      
}render()
}export default news;

class  =》 classname

=》  htmlfor
style =}
// css可以寫到   this.state裡面

vs安裝 ****** react snippets 或者 react-native/react/redux snippets for es6/es7

imrc        ====》import react,  from 'react';

cccs       ====》class todolist extends component ;
}render() 
}		export default todolist;

1 搭建React專案

檢查版本 node v 安裝cnpm npm install g cnpm registry 檢查cnpm cnpm v 安裝yarn cnpm install g yarn 或者 npm install g yarn 檢查yarn yarn v node v 首先找到專案要建立的目錄，建立專案 c...

react搭建專案環境

在index.js引入react元件 import react from react import reactdom from react dom reactdom.render document.getelementbyid root import react,from react class e...

react專案搭建流程

1.首先需要node環境，有node環境才能npm 2.安裝node後可以到命令提示符面板檢視node的版本 node v npm v有版本代表安裝成功了 3.啟動終端開始安裝react全域性腳手架 npm4.選擇乙個資料夾或者新建資料夾，要放react專案 cd到要放react專案的資料夾 cd ...