從零配置react腳手架create-react-app

一、安裝

首先必須得安裝好nodejs,Create React App只是一個可以在macOS、Windows和Linux上運行的無配置文件的構建項目工具。運行以下命令全局安裝它。

npm install -g create-react-app

注:小編在Mac系統安裝有一直失敗,然后后來得知,沒有系統權限。需要在前面添加sudo。如果有這樣問題,輸入sudo npm install -g create-react-app,然后輸入密碼即可。

二、創建react項目應用

安裝好就可以創建項目:

create-react-app react-admin && cd react-admin
WechatIMG58.png

安裝完之后生成的目錄結構如圖:


image.png

三、啟動React項目

項目創建好之后,并進入到創建好的項目根目錄中可以啟動項目。

npm start

如果看到這個頁面就啟動成功了:


image.png

四、運行測試腳本

npm test

五、打包應用

項目編寫好之后,需要打包發布。

rm -rf build/          (如果有build文件夾刪除build文件夾 )
npm run build
最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容