笔.COOL「新版」HTML在线编辑器v2.0 使用指南


编辑器 v2.0 已上线,点击立即体验新版 HTML 编辑器 >

概述

笔.COOL HTML在线编辑器V2.0,是一款支持现代前端技术栈的在线开发工具,提供实时编码、编译和预览功能。支持主流框架和类型化语言,适用于快速原型开发、代码演示和教学场景。

核心功能

多语言支持

Vue(自动编译 SFC 组件)、React(支持 JSX/TSX 语法)、TypeScript(实时编译为 ES6)、package.json(编辑器自动引入模块,无需手动安装)

多文件支持

引用其他文件须使用 ./ 前缀的相对路径

引用示例


或:

import './style.css'
import Button from './Button.vue'

常见问题

Q: 如何引用其他文件?

A: 必须使用 ./ 前缀的相对路径,例如:import utils from './utils.ts'

Q: 依赖模块未生效怎么办?

A: 1. 请检查是否在 package.json 中添加了依赖模块,例如: "dependencies": { "vue": "^3.5.0" } 2. 依赖名称是否拼写正确

Q: 如何调试代码?

A: 可使用以下方式: 1. 浏览器开发者工具(F12) 2. 编辑器内置控制台