React-腳手架

什麼是腳手架

腳手架是一種能快速幫助我們生成項目結構和依賴的工具

• 每個項目完成的效果不同，但是它們的基本工程化結構是相似的
• 既然相似，就沒有必要每次都從零開始搭建，完全可以使用一些工具，幫助我們生成基本的項目模闆
• 那麼這個幫助我們生成項目模闆的工具我們就稱之為​

  ​'腳手架'​

  ​

create-react-app

create-react-app 就是 React 的腳手架工具, 它可以快速的幫我們生成一套利用 webpack 管理 React 的項目模闆。

安裝和使用 create-react-app

安裝：

npm install -g create-react-app      

使用 create-react-app 建立項目：

create-react-app 項目名稱      

cd 項目名稱      

npm start      

注意點

• 1

如果我們是通過 create-react-app 來建立 React 項目, 那麼在指定項目名稱的時候, 項目的名稱隻能是 ​

​英文​

​​, 并且隻能是 ​

​小寫字母​

​​，如果出現了多個單詞, 那麼我們需要通過 ​

​_-​

​​ 來連接配接，例如：​

​myName ->my_name -> my-name​

​

• 2

第一次運作項目的時候大機率會出現一個錯誤, 會出現本地 ​

​webpack​

​​ 的版本和項目依賴的 ​

​webpack​

​​ 版本不同的錯誤，如果遇到了這個錯誤, 我們就需要先通過 ​

​npm uninstall webapck​

​​ 解除安裝掉本地的 ​

​webpack​

​​, 再通過 ​

​npm install -g [email protected]​

​​ 安裝和項目相同版本的 ​

​webpack​

​ 版本即可

暴露 webapck 配置

npm run eject