博客
关于我
React学习笔记
阅读量:403 次
发布时间:2019-03-05

本文共 570 字,大约阅读时间需要 1 分钟。

目录

学习菜鸟教程React

安装

npm 安装

npm install -g cnpm --registry=https://registry.npm.taobao.orgnpm config set registry https://registry.npm.taobao.org

在这里插入图片描述

安装脚手架

cnpm install -g create-react-app

在这里插入图片描述

用脚手架创建一个标准工程

create-react-app my-app

在这里插入图片描述

在这里插入图片描述
在这里插入图片描述
进入到新创建的项目目录里

cd my-app/

在这里插入图片描述

启动工程

npm start

在这里插入图片描述

浏览器访问效果
在这里插入图片描述
项目工程目录结构
在这里插入图片描述
修改App.js

import logo from './logo.svg';import './App.css';function App() {     return (    
logo

欢迎来到菜鸟教程

Edit src/App.js and save to reload.

Learn React
);}export default App;

修改后的效果

在这里插入图片描述

转载地址:http://wnbzz.baihongyu.com/

你可能感兴趣的文章
Net和T-sql中的日期函数操作
查看>>
Net处理html页面元素工具类(HtmlAgilityPack.dll)的使用
查看>>
Net操作Excel(终极方法NPOI)
查看>>
Net操作配置文件(Web.config|App.config)通用类
查看>>
net网络查看其参数state_dict,data,named_parameters
查看>>
Net连接mysql的公共Helper类MySqlHelper.cs带MySql.Data.dll下载
查看>>
NeurIPS(神经信息处理系统大会)-ChatGPT4o作答
查看>>
neuroph轻量级神经网络框架
查看>>
Neutron系列 : Neutron OVS OpenFlow 流表 和 L2 Population(7)
查看>>
new Blob()实现不同类型的文件下载功能
查看>>
New Concept English three (35)
查看>>
NEW DATE()之参数传递
查看>>
New Journey--工作五年所思所感小记
查看>>
new Queue(REGISTER_DELAY_QUEUE, true, false, false, params)
查看>>
New Relic——手机应用app开发达人的福利立即就到啦!
查看>>
new work
查看>>
new 一个button 然后dispose,最后这个button是null吗???
查看>>
NewspaceGPT的故事续写能力太强了
查看>>
NewspaceGPT绘制时序图
查看>>
NewspaceGPT绘制类图
查看>>