源码编辑器Kitten好用吗？新手真实体验与入门指南

我用了整整一周，从第一次打开时的“会不会太简单？”，到后来发现语法提示精准到省掉查手册的时间、自动补全能接住我没说完的“代码思路”，甚至连主题切换、快捷键配置都藏着“怕新手迷路”的小贴心；当然也踩过坑——比如刚开始找不到实时预览按钮，折腾半小时才发现藏在右上角的小图标里。

这篇文章里，我不会说空话：会告诉你Kitten的界面是不是真的“一看就会”，常用的代码辅助功能够不够顶，新手最在意的“轻量化”和“实用性”能不能平衡；更会把踩过的雷、攒的入门技巧摊开——从第一次打开如何配置基本设置，到常用功能的快捷操作，甚至解决“突然卡壳”的小办法。不管你是刚学编程的小白，还是想换个轻量编辑器的新手，这篇真实体验+入门指南，或许能帮你少走点“试错弯路”。

作为刚学前端的新手，选源码编辑器时我总陷在“怕复杂”和“怕功能不够”的矛盾里——要么打开编辑器满屏按钮晃得人头晕，要么写代码时连个语法提示都没有，全靠自己死记硬背。直到上周朋友甩给我一句“试试Kitten，我用它写了三个月博客模板，没踩过坑”，我抱着“反正安装包才20多MB”的心态下了，结果这一周的使用体验，完全推翻了我对“新手编辑器”的固有印象。

新手用Kitten的第一周：从“怕踩坑”到“越用越顺手”

周一早上第一次打开Kitten，我盯着界面愣了三秒——怎么这么“素”？菜单栏只有“文件、编辑、视图、工具、帮助”5个选项，工具栏就几个常用按钮（新建、打开、保存、撤销、重做），右侧的文件树还缩成了一条窄边，整个屏幕几乎全是代码编辑区。我心里直犯嘀咕：“这么简单，会不会连自动补全都没有？”

结果写第一个HTML文件时，刚打了个“

直接插入到代码里，甚至连闭合标签都帮我留好了，光标刚好定位在两个标签中间。我接着写“

周三写JavaScript的时候更惊喜：想写个for循环遍历数组，刚输入“for”，Kitten的提示框里直接列出了for (let i = 0; i < arr.length; i++) { } 的完整结构，后面还跟着注释“遍历数组的常用写法”。我点了一下，代码直接插入，只需要把“arr”改成我定义的数组名“list”就行，比我翻《JavaScript权威指南》找语法快多了。还有一次写函数，输入“function”，提示框里不仅有普通函数的结构，还有箭头函数const func = () => { }，我选了箭头函数，省了我记“function”和“const”区别的功夫。

当然也踩过“找功能”的坑——周四想实时预览写好的HTML页面，翻遍菜单栏的“工具”才找到“实时预览”，点了之后弹出提示“请先保存文件”，保存后再点，浏览器里直接打开了我的页面。后来才发现，右上角其实有个“眼睛”图标就是实时预览，我之前没注意到。更贴心的是，Kitten允许自定义工具栏：右键点工具栏选“自定义”，把“实时预览”拖到显眼的位置，下次直接点就行，不用再翻菜单了。

到了周末，我已经彻底习惯用Kitten写代码：早上打开它，从文件树里拖出昨天的CSS文件，调整导航栏样式；输入“display:”，Kitten弹出“flex”“block”“inline”等选项，选了“flex”，接着输入“justify-content:”，又弹出“space-between”——这正是我想写的导航栏平分空间的属性；下午写JavaScript给按钮加点击事件，漏写了一个括号，Kitten立刻在那行下面画了红色波浪线，提示“语法错误：缺少 ‘)’”，我赶紧补上，避免了运行时的bug。这一周下来，我从“怕用错”变成了“不用它就觉得手生”。

新手最在意的3个点，Kitten到底能不能接住？

作为新手，选编辑器时我最纠结三个问题：界面会不会太复杂？代码辅助够不够贴心？能不能既轻量又实用？ 这一周的体验，Kitten给了我最实在的答案。

新手最怕的就是“界面恐惧症”——打开编辑器像进了迷宫，找个功能要翻三分钟菜单。Kitten的设计刚好把“减法”做到了极致：

我特意对比了朋友用的Sublime Text：它默认没有文件树，要装插件才能有；而Kitten自带文件树，还能右键折叠所有文件夹，保持界面整洁。这种“把复杂藏在后面”的设计，对新手来说真的太友好了——不用学怎么装插件，不用记快捷键，打开就能用。

新手写代码，最需要的不是“强大的功能”，而是“在你卡壳时刚好出现的帮助”。Kitten的代码辅助，刚好踩中了我所有的“需求点”：

自动补全“省掉查手册的时间”：输入“a”，自动补全，连href的引号都帮我留好了；输入“img”，补全，alt属性后面还跟着提示“图片描述（必填）”——这刚好符合谷歌SEO的要求（谷歌官方博客曾说，img的alt属性能帮助搜索引擎理解图片内容，提升页面排名）；

新手用编辑器，一方面怕“太 heavy”——安装包大、启动慢，占内存；另一方面怕“太轻”——功能不全，满足不了日常需求。Kitten刚好把这两点平衡得很妙：

为了让新手更清楚Kitten的常用功能，我整理了一张新手操作指南表：

现在我用Kitten写代码，再也不会像刚开始那样“战战兢兢”了——界面简洁到“不用找功能”，代码辅助贴心到“不用记语法”，轻量化到“不会卡”。作为新手，我觉得Kitten最打动我的地方，是它把“新手的感受”放在了第一位：没有复杂的功能炫技，没有冗余的界面设计，只有刚好够用的帮助，让我能把注意力全放在“写代码”本身，而不是“学编辑器怎么用”。

如果你也是刚学编程的新手，不妨试试Kitten（官网：https://kitteneditor.com/）——不用怕踩我踩过的坑，我已经把“找功能”的技巧告诉你了；不用怕功能不够，我用过的辅助功能已经帮你验证了。你可以先下载它，用一周，说不定你也会像我一样，从“怕用不好”变成“越用越顺手”。

Kitten的界面对新手来说会不会太复杂？

Kitten的界面设计特意做了“减法”，菜单栏只有文件、编辑、视图、工具、帮助5个必要选项，没有新手用不到的“扩展”“远程资源管理器”这类功能；工具栏默认只放新建、保存、撤销这些高频操作，不常用的“实时预览”“格式刷”可以自己右键工具栏选“自定义”拖上去，不会让新手被无关按钮干扰；文件树默认缩成窄边，需要找文件时点一下才展开，平时不占屏幕空间，像我用14寸笔记本，代码区能占满屏幕，看代码比用其他编辑器舒服多了。

Kitten的代码辅助功能对新手友好吗？

特别懂新手的需求，比如写HTML时输入“<d”，直接弹出带闭合标签的“

”，光标刚好定位在中间，不用自己核对闭合标签；写JavaScript的for循环，输入“for”就弹出“for (let i = 0; i < arr.length; i++) { }”的完整结构，后面还跟着“遍历数组的常用写法”的注释；要是漏写括号或拼错关键词，Kitten立刻在那行下面画红色波浪线提示错误，比翻《JavaScript权威指南》找语法快多了，还能避免运行时的bug。

Kitten的实时预览功能怎么用？新手容易踩哪些坑？

实时预览在右上角有个“眼睛”图标，点一下就能在浏览器打开当前页面，但新手第一次用容易踩坑：一是没保存文件就点预览，会弹出“请先保存文件”的提示，得先保存再点；二是找不到这个图标，其实可以右键点工具栏选“自定义”，把“实时预览”拖到显眼的位置，下次直接点就行，不用再翻工具菜单找。

Kitten作为轻量编辑器，功能会不会不够新手用？

完全够用，Kitten虽然轻（Windows版安装包才20多MB，启动秒开，内存占用只有几十MB），但常用功能一个不少——写代码时能折叠函数或标签，默认显示行号方便定位错误，支持搜索替换（快捷键Ctrl+F），能开多标签页切换文件，甚至还有Git集成可以提交、拉取代码。这些功能刚好覆盖新手写HTML、CSS、JavaScript的90%场景，不用装额外插件，像我写博客模板、调整导航栏样式，用Kitten完全能搞定。

YUANLEISVIP

收藏 链接