AI 自动补全测试，HTML/Vue代码在线实时编辑、预览

HTML

格式化

支持Emmet，输入 p 后按 Tab键试试吧！

<head> ...

展开

</head>

<body>

            
                1
2
3
4
5
6

            
            <main>
    <article>
        <h1>Sample Article Title</h1>
        <p>This is a sample paragraph inside the article.</p>
    </article>
</main>

</body>

CSS

格式化

            
                1
2
3
4
5
6
7
8
9
10
11
12

            
            body {
  background-color: #f0f0f0;
  color: #333333;
  font-family: Arial, sans-serif;
    margin: 0;
  padding: 0;
  box-sizing: border-box;
    display: flex;
  min-height: 100vh;
  flex-direction: column;
  justify-content: space-between;
}

格式化

            
                1
2
3
4
5

            
            console.log("Hello, World!");

console.log("Hello, World!");

console.log("Hello, World!");

预览

控制台

清空