博客地址 :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

最新文章

  1. web----test-----selenium
  2. POJ 2195
  3. nginx添加nginx_mod_h264_streaming-2.2.7模块编译报错
  4. 正确处理WPF中Slider值改变事件的方式
  5. mysql数据库千万级别数据的查询优化和分页测试
  6. Windows 批处理文件
  7. L6 Shell
  8. php测试时不出现错误信息
  9. Cocos2d-x 创建自己定义项目模板
  10. javascript学习-类型判断
  11. Python小代码_9_求水仙花数
  12. 兄弟连学python---Socket介绍
  13. rebuild online时意外中断 再次重建时报错解决方法
  14. wpf UI 布局
  15. 大坑啊oracle的隐式转换
  16. DeepNetwork---tensorflow实现
  17. 〖Linux〗在tmux同时使用bash和zsh
  18. SQLite区分大小写查询
  19. Ubuntu_搜狗输入法安装
  20. ecshop,大商创后台设置增加字段方法

热门文章

  1. Laravel(PHP)使用Swagger生成API文档不完全指南 - 基本概念和环境搭建 - 简书
  2. mybatis中使用包装对象
  3. 优化 Tengine HTTPS 握手时间
  4. 洛谷 1083 (NOIp2012) 借教室——标记永久化线段树 / 差分+二分
  5. C# Socket流数据大小端读写封装
  6. C#和JS交互 WebBrowser实例
  7. Android——<uses-sdk>
  8. 数据库----ORACLE和MYSQL数据库简介
  9. Django框架Day1------之url和views
  10. [Vue CLI 3] 配置解析之 css.extract