從零開始學習React-開發環境的搭建（一）

• 2019 年 11 月 5 日
• 筆記

其實16年的時候就已經接觸到React，那個時候也只是入門，時隔多年，工作上一直都沒有接觸到相關的業務，不知不覺，前端的天也開始漸變，看到 了很多招聘要求上都是要求會React，三大框架怎麼也得熟悉使用兩個，不讓下一份工作可能就很難了~

老規矩，先看完官方文檔： 教程：https://www.runoob.com/react/react-tutorial.html

簡介：簡介：React是Facebook開發的一款JS庫，是一個聲明式、組件化並且用於構建用戶界面的 JavaScript 庫，通俗來講就是將界面分成可以復用的組件，在需要時引入，使界面解耦，互不影響而又相互聯繫，在界面更新時，只會更新需要更新的組件，使得效率和性能上大大提升。

本着學習的精神，開始了搭建react開發環境之前需要準備的工作：

1：安裝node.js，查看版本號

2：安裝cnpm替代npm，查看版本號

3：yarn，查看版本號

不會安裝yarn的童鞋，可以查看官方文檔： 使用安裝命令：npm i -g yarn

以上三大步驟就不細說了，準備工作完成後

4：安裝腳手架

cnpm  install -g  create-react-app

5：在d盤創建一個空目錄，存放項目

6：進入文件夾，創建項目

create-react-app reactdemo

等待生成我們的項目之中（網絡慢的話可能要等幾分鐘哦）

可以看到，d盤裏面初始化的這個項目了

7：cd 到剛剛生成的項目文件裏面,運行項目

cd reactdemo  使用yarn start或者 npm   start

彈出瀏覽器，顯示界面，react環境安裝完成了

從零開始學習React-開發環境的搭建完成，忽然覺得，是不是和vue的操作步驟是一樣一樣的吶。