react項目安裝及運行


博客地址 :https://www.cnblogs.com/sandraryan/

安裝node ,有就跳過。

node.js官網:https://nodejs.org/en/

終端用node -v 和 npm -v 來查看版本號。

用npm 安裝 create-react-app工具,自動地在本地目錄中創建react項目。

npm install -g create-react-app

全局安裝create-react-app腳手架工具,使用命令創建新的react項目。

create-react-app 文件夾名  

在文件夾中部署npm,導入react-dom依賴包.

            cd 文件夾:

               npm init   (然后一路回車)初始化 package.json,它是 NodeJS 約定的用來存放項目的信息和配置等信息的文件。

                npm install --save react react-dom  ( 在該目錄下導入react和react-dom)

                npm install --save  react-router-dom   (react路由,以后會用到)

 打開 npm  start 成功√

CSS in js 可以將css寫在js中react安裝styled-copmonents 工具包,對js中css代碼進行解析,轉碼生效(組件化樣式)

npm i styled-components --save

安裝react 數據監測組件

npm i prop-types --save


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM