搭建一个React项目

前端小白的逆袭

于 2020-11-08 19:04:56 发布

阅读量253

点赞数 1

CC 4.0 BY-SA版权

分类专栏： Web前端 React 文章标签：前端 reactjs

本文链接：https://blog.youkuaiyun.com/Kindergarten_Sir/article/details/109563028

Web前端同时被 2 个专栏收录

140 篇文章

订阅专栏

React

7 篇文章

订阅专栏

1.初始化package.json

 npm init -y

2.下载react核心包

cnpm i react --save

3.如果是web，下载react-dom包；如果是app下载react-native包

cnpm i react-dom --save

4.下载babel-standalone包，用于转化es6

cnpm i babel-standalone --save

5.页面导入index.html

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script src="../node_modules/react/umd/react.development.js"></script>
    <script src="../node_modules/react-dom/umd/react-dom.development.js"></script>
    <script src="../node_modules/babel-standalone/babel.min.js"></script>
</head>

<body>
    <div id='test'>

    </div>
    <script type="text/babel">
        class Test extends React.Component{
        	render(){
            	return(
                	<div>11</div>
            	)
        	}
    	}
    	ReactDOM.render(<Test/>,document.getElementById('test'))
    </script>
</body>

</html>