标签：html environ lib 历史 ase 编译 htm ast 分享图片
CodePen : CodePen is a social development environment for front-end designers and developers.It’s the best place to build and deploy a website, show off your work, build test cases, and find inspiration.可以看到并修改别人写的前端项目，里面有很酷炫的前端技术。
按照react官方网站上面的文档一步步进行：
1. 运行一个Hello world在本地文件和本地编译器上
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="UTF-8" /> 5 <title>Hello World</title> 6 <script src="https://unpkg.com/react@16/umd/react.development.js"></script> 7 <script src="https://unpkg.com/react-dom@16/umd/react-dom.development.js"></script> 8 <script src="https://unpkg.com/babel-standalone@6.15.0/babel.min.js"></script> 9 </head> 10 <body> 11 <div id="root"></div> 12 <script type="text/babel"> 13 14 ReactDOM.render( 15 <h1>Hello, world!</h1>, 16 document.getElementById(‘root‘) 17 ); 18 19 </script> 20 </body> 21 </html>
我们可以看到，通过script外部JS文件的引入，包括在CodePen上显示的HelloWorld代码，他的主要“引擎”是Javascript，通过其语法将H5的内容展示出来。
使用npm或者npx在控制台中输入命令即可：
标签：html environ lib 历史 ase 编译 htm ast 分享图片
原文地址：https://www.cnblogs.com/twomeng/p/9509401.html
