07-vscode 模板在线生成工具

205 阅读1分钟

snippet-generator.app/

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

<head>
  <meta charset='utf-8'>
  <title>Title</title>
</head>

<body>
  <div id='root'></div>
  <script src="../lib/react.js"></script>
  <script src="../lib/react-dom.js"></script>
  <script src="../lib/babel.js"></script>
  <script type="text/babel">
    class App extends React.Component {
      constructor() {
        super()
        this.state = {
          message: 'hello world'
        }
      }
      render () {
        const { message } = this.state
        return (
          <div>
            <h2>{message}</h2>
          </div>
        )
      }
    }
    const root = ReactDOM.createRoot(document.querySelector('#root'))
    root.render(<App />)
  </script>
</body>

</html>

image.png