1、安装NodeJS6.0以上自带npm依赖包管理工具
2、webstrom 2019.2 工具
1、在cmd输入node -v就可以看到node的当前版本
2、在输入node进入node环境
3、查看npm版本号:npm -v
4、再次输入npm可以看到下面有哪些包
5、下一个全局安装react -app :install create-react-app yarn -g
6、 下面在webstrom工具中创建React项目引用React所需要的依赖
7、项目构架:
启动项目进行访问:npm run status
在设置中下载这些可以提供自动提示的功能
若react语法不支持
第一个组件:编写Hello word组件,引入节点,渲染页面
html页面引入ReactJS开发
<!DOCTYPE html><html><head> <title>html引用React技术</title></head><body> <div id="like_button_container"></div> <!--<script src="https://unpkg.com/[email protected]/umd/react.development.js" crossorigin></script> <script src="https://unpkg.com/[email protected]/umd/react-dom.development.js" crossorigin></script>--><script src="ReatJS/react.development.js"></script><script src="ReatJS/babel.min.js"></script><script src="ReatJS/react-dom.development.js"></script><script src="js/index.js"></script><script type="text/babel"> ReactDOM.render( <h1>Hello, world!</h1>, document.getElementById('like_button_container') );</script></body></html>