笔.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. 编辑器内置控制台