React入門之腳手架搭建項目

前言

寫此係列博客的目的是對所學React知識點的總結和梳理，包括填坑方案分享，但願能幫助到還並不會使用React的開發者入門React

React官方文檔
React中文文檔
React社區

項目搭建

按照官方提供的create-react-app搭建項目

• 全局安裝create-react-app

  cnpm i create-react-app -g
  或
  cnpm i yarn -g
yarn global add create-react-app

• 全局安裝後可使用create-react-app這條命令

  建立名爲 react-demo的項目
  create-react-app react-demo

• 啓動項目

  cd react-demo
npm start
  或
  yarn start

若是node 6+ 而且 npm 5.2+，可使用npx安裝

npx create-react-app react-demo
或
yarn create react-app react-demo (yarn 0.25+)
cd react-demo
npm start

目錄結構

public/index.html頁面入口文件,
src/App.js根組件，
src/App.css根組件樣式文件，
src/index.js程序入口文件，
src/index.css頁面樣式文件，
App.test.js和 serviceWorker.js暫時不會使用，能夠刪除

運行項目

yarn start

項目運行成功

下篇文章

React組件