学习菜鸟教程React 教程地址
安装
npm 安装
npm install -g cnpm --registry=https://registry.npm.taobao.org npm 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 ( <div className="App"> <header className="App-header"> <img src={logo} className="App-logo" alt="logo" /> <h1>欢迎来到菜鸟教程</h1> <p> Edit <code>src/App.js</code> and save to reload. </p> <a className="App-link" href="https://reactjs.org" target="_blank" rel="noopener noreferrer" > Learn React </a> </header> </div> ); } export default App;
修改后的效果