react项目安装及运行
2024-09-29 15:42:39
博客地址 :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
最新文章
- web----test-----selenium
- POJ 2195
- nginx添加nginx_mod_h264_streaming-2.2.7模块编译报错
- 正确处理WPF中Slider值改变事件的方式
- mysql数据库千万级别数据的查询优化和分页测试
- Windows 批处理文件
- L6 Shell
- php测试时不出现错误信息
- Cocos2d-x 创建自己定义项目模板
- javascript学习-类型判断
- Python小代码_9_求水仙花数
- 兄弟连学python---Socket介绍
- rebuild online时意外中断 再次重建时报错解决方法
- wpf UI 布局
- 大坑啊oracle的隐式转换
- DeepNetwork---tensorflow实现
- 〖Linux〗在tmux同时使用bash和zsh
- SQLite区分大小写查询
- Ubuntu_搜狗输入法安装
- ecshop,大商创后台设置增加字段方法
热门文章
- Laravel(PHP)使用Swagger生成API文档不完全指南 - 基本概念和环境搭建 - 简书
- mybatis中使用包装对象
- 优化 Tengine HTTPS 握手时间
- 洛谷 1083 (NOIp2012) 借教室——标记永久化线段树 / 差分+二分
- C# Socket流数据大小端读写封装
- C#和JS交互 WebBrowser实例
- Android——<;uses-sdk>;
- 数据库----ORACLE和MYSQL数据库简介
- Django框架Day1------之url和views
- [Vue CLI 3] 配置解析之 css.extract