React03---搭建脚手架

最新推荐文章于 2020-01-02 19:29:04 发布

Lion Of WU

最新推荐文章于 2020-01-02 19:29:04 发布

阅读量141

点赞数

分类专栏： React--尚硅谷

本文链接：https://blog.csdn.net/NDSoumig/article/details/103749705

版权

React--尚硅谷专栏收录该内容

11 篇文章 0 订阅

订阅专栏

创建 React脚手架

下载React脚手架 : npm install –g create–react-app
查看全局npm下载：npm root
创建脚手架：create-react-app 项目名
进入项目：cd 项目名
启动项目:npm start
在package.json中可以查看项目中使用的库、启动命令（start）、打包工具(build)

index.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>
<body>
    <div id="root"></div>
</body>
</html>

index.js

import React from 'react'
import ReactDOM from 'react-dom'
import App from './components/app'
import './index.css'

ReactDOM.render(<App />,document.getElementById('root'));