日韩av黄I国产麻豆传媒I国产91av视频在线观看I日韩一区二区三区在线看I美女国产在线I麻豆视频国产在线观看I成人黄色短片

歡迎訪問 生活随笔!

生活随笔

當前位置: 首頁 >

react安装_「React实战」三分钟搭建React开发环境

發布時間:2025/3/20 32 豆豆
生活随笔 收集整理的這篇文章主要介紹了 react安装_「React实战」三分钟搭建React开发环境 小編覺得挺不錯的,現在分享給大家,幫大家做個參考.

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

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

簡介:簡介: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的操作步驟是一樣一樣的吶。

總結

以上是生活随笔為你收集整理的react安装_「React实战」三分钟搭建React开发环境的全部內容,希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯,歡迎將生活随笔推薦給好友。