1. 程式人生 > >0.react學習筆記-環境搭建與腳手架

0.react學習筆記-環境搭建與腳手架

0.環境搭建

筆者使用的是deepin/mac兩種系統,因為兩個電腦經常切換用。環境搭建沒什麼區別。

0.1 node安裝

按照node官網敘述安裝

# Using Debian, as root
curl -sL https://deb.nodesource.com/setup_10.x | bash -
apt-get install -y nodejs

0.2 yarn 安裝

有時使用node安裝後續腳手架時會出錯,排錯可能比較費時間,所以也推薦使用yarn,部署yarn與node及其使用不衝突。
先新增源如下:

curl -sS https://dl.yarnpkg.com/debian/pubkey.gpg | sudo apt-key add -
echo "deb https://dl.yarnpkg.com/debian/ stable main" | sudo tee /etc/apt/sources.list.d/yarn.list

安裝yarn:

sudo apt-get update && sudo apt-get install yarn

0.3 react 腳手架安裝

開發react使用其腳手架create-react-app是最合適不過的了
安裝:
這裡我只列出使用yarn的安裝方法。
npx create-react-app my-app
使用以上命令會建立一個my-app資料夾,包含工程檔案。
之後進入my-app中,執行yarn start即可。

0.4 yarn安裝後無法使用命令

yarn安裝包檔案後若無法使用命令,是因為沒有進行環境變數的配置。
如下操作即可:

nano  ~/.bashrc
export PATH="$PATH:`yarn global bin`:$HOME/.config/yarn/global/node_modules/.bin"
source ~/.bashrc