[转] 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

posted @ 2020-09-06 20:26  wmxl  阅读(227)  评论(0编辑  收藏  举报