React漫漫學習路之 利用Create React App命令建立一個React應用

標籤：沒有   node   .json   install   自己的   快速   體驗   facebook   nbsp   

所謂萬事開頭難，本文旨在為初探React的同學，建立第一個最基本的react應用。

Create React App是Facebook官方的一個快速構建新的 React 單頁面應用的腳手架工具，它可以幫你配置開發環境，以便你可以使用最新的 JavaScript 特性，還能提供很棒的開發體驗，並為生產環境最佳化你的應用。（如果你使用過vue-cli構建vue應用，那麼此處可類比）

話不多說，直接開始。

 

安裝

全域安裝create-react-app

npm install -g create-react-app

tips:如果安裝失敗，更新node與npm至最新版本重試

 

建立新應用

create-react-app my-app

目前的目錄下會建立一個my-app的檔案夾，目錄結構如下：

my-app├── README.md├── node_modules├── package.json├── .gitignore├── public│   └── favicon.ico│   └── index.html│   └── manifest.json└── src    └── App.css    └── App.js    └── App.test.js    └── index.css    └── index.js    └── logo.svg    └── registerServiceWorker.js

 

運行

cd my-appnpm start // or yarn start

進入my-app目錄，運行npm start或yarn start

此時會開啟預設瀏覽器訪問http://localhost:3000（如果瀏覽器沒有自動開啟，可手動訪問http://localhost:3000）

 

接下來你就可以通過修改index.js檔案建立你自己的應用了！

 

React漫漫學習路之 利用Create React App命令建立一個React應用