我们从最基础的界面讲起——工具栏的“运行”“预览”按钮在哪？代码区怎么调整字体大小？左边的文件管理器怎么添加项目？接着教你必学操作：新建文件、保存代码、用“格式化”功能让代码变整齐，甚至连“撤销误操作”的快捷键（Ctrl+Z）都标好了。更贴心的是，我们把新手常踩的坑都列出来了——比如忘记开自动保存丢了代码、乱点设置把界面搞乱，直接告诉你怎么恢复。

不用怕“学不会”，这篇指南没有复杂术语，每一步都配着“点这里”“选这个”的直白说明。跟着走，半小时就能上手用Kitten写第一行代码，从“完全不懂”到“能实际写点小项目”，就这么简单。

你是不是刚打开源码编辑器Kitten，看着左边的文件夹图标、中间的空白编辑区，还有顶栏一排小按钮，脑子瞬间“嗡”的一声——“这玩意儿到底怎么用？”别慌，我上个月刚带朋友的小孩入门Kitten，他连“代码文件后缀”都不知道，跟着我写了3次，现在已经能自己写简单的Python小程序了。今天就把我 的“新手保命指南”掏出来，不用记复杂术语，你跟着做，15分钟就能从“打开软件”到“写出第一行能运行的代码”。

先搞懂Kitten的界面：把“陌生按钮”变成“常用工具”

我第一次用Kitten的时候，盯着界面看了5分钟，最后还是去翻了官方视频——其实它的界面设计特别“贴心”，把新手常用的功能都放在了最显眼的位置，只是你没“翻译”成“自己的话”而已。咱拆成4个核心区域讲，看完你再打开软件，肯定能“对号入座”：

左边的“文件夹 sidebar”：文件管理器

就是左边那个像“电脑桌面文件夹”的侧边栏，这是你管理代码文件的“大本营”。上面有两个按钮：一个是“+”（新建项目/文件），一个是“↻”（刷新）。我第一次用的时候，想新建一个HTML文件，愣是没找到“新建”在哪里，后来才发现——点“+”号就能选“新建项目”或者“新建文件”！比如你要写一个网页，就新建一个叫“my_first_page”的项目，再在里面建一个“index.html”文件，这样文件就不会乱。

中间的“大空白框”：代码编辑区

这是你写代码的地方，别小看它，藏了很多“帮你省时间”的小功能：

顶栏的“小图标一排”：工具栏

最常用的几个按钮，我帮你标出来：

下面的“黑框框”：终端/预览区

这个区域有两个标签：“终端”和“预览”。终端是用来运行代码、看报错信息的——比如你写Python的时候，输入错了变量名，终端会显示“NameError: name ‘a’ is not defined”，告诉你“a这个变量没定义”；预览区就是刚才说的“看HTML效果”的地方，不用打开浏览器，直接在软件里看。

新手必学的5个操作：从“打开软件”到“写出第一行能运行的代码”

搞懂界面之后，接下来要学的是“能立刻用起来的核心操作”——我把它 成5步，你跟着做，保证第一次就能写出“能运行的代码”。

很多新手第一次新建文件，都会犯一个错：没加文件后缀（比如“.py”“.html”）。比如你想写Python代码，新建文件的时候要命名为“test.py”，而不是“test”——要是没加后缀，Kitten不知道这是Python文件，语法高亮不会生效，运行的时候也会报错。

具体步骤：

别一开始就写复杂的循环或者函数，先写“能立刻看到结果”的代码——比如Python的“print”语句，或者HTML的“

”标签。

举个例子：你新建了“hello.py”，就在编辑区写：

print("你好呀，我终于会用Kitten写代码啦！")

要是写HTML，就新建“hello.html”，写：

你好，Kitten！

这是我用Kitten写的第一个网页~
 
写的时候注意：Python的引号要成对（单引号或双引号都行），HTML的标签要闭合（比如“
”对应“
”）——我第一次写HTML的时候，漏了“”，预览的时候页面一片空白，查了半天才发现。

保存文件：Ctrl+S比“点保存按钮”快10倍
写代码的时候，一定要“勤保存”！我教你的快捷键：Ctrl+S（Windows）或者Cmd+S（Mac）——这是我用了三年的“肌肉记忆”，写两行就按一下，再也没丢过代码。 
要是你忘记保存，Kitten会在文件名旁边显示一个“●”（小圆点），提醒你“这个文件没保存”——我朋友的小孩之前没注意，关了软件才发现没保存，哭着说“写了半小时的代码没了”，后来我教他开“自动保存”： 
点左上角的“设置”（齿轮图标）→ 选“编辑器”； 
找到“自动保存”选项，勾上“当失去焦点时保存”或者“每隔X秒保存”—— 选“每隔10秒保存”，既不会频繁打扰你，也能防止丢代码。

运行/预览：看“代码变成结果”的魔法时刻
写好代码，接下来就是“见证奇迹”的一步——运行或者预览： 

Python代码：点顶栏的“运行”按钮（三角图标），下面的终端会弹出结果：“你好呀，我终于会用Kitten写代码啦！”——要是没反应，先检查文件名是不是加了“.py”，代码有没有写错（比如引号没闭合）； 

HTML代码：点顶栏的“预览”按钮（眼睛图标），右边会弹出一个浏览器窗口，显示你写的“你好，Kitten！”——要是页面空白，检查标签有没有闭合（比如漏了“”），或者文件名是不是“.html”。

格式化代码：让你的代码“像杂志排版一样整齐”
写代码最忌“乱七八糟”——比如Python的缩进，有的地方用2个空格，有的用4个，运行的时候会报错（Python对缩进很严格）。这时候就需要“格式化”功能： 
点顶栏的“格式化”按钮（小刷子图标），或者按快捷键Shift+Alt+F； 
代码会自动调整缩进、加空格，比如你写的“print("hello")”会变成“print("hello")”（要是之前没加空格），“if a>5:”会变成“if a > 5:”——这样不仅看着舒服，还能减少“缩进错误”的概率。
附：Kitten新手常用快捷键表
我把新手最常用的快捷键做成了表格，你可以截图存在手机里，随时查：

 

 

 
操作
 
快捷键（Windows）
 
快捷键（Mac）
 
适用场景
 
 
 

 

 
新建文件
 
Ctrl+N
 
Cmd+N
 
快速建代码文件
 
 

 
保存文件
 
Ctrl+S
 
Cmd+S
 
防止代码丢失
 
 

 
撤销操作
 
Ctrl+Z
 
Cmd+Z
 
写错代码时恢复
 
 

 
格式化代码
 
Shift+Alt+F
 
Shift+Option+F
 
整理混乱的代码
 
 

 
运行代码
 
F5
 
F5
 
快速看代码结果
 
 

最后说个“新手避坑提醒”：别乱点“设置”！
我第一次用Kitten的时候，手贱点了“设置”里的“主题”，把界面改成了“深色模式”，结果代码编辑区的字变成了灰色，差点瞎眼——后来查了官方文档才知道，新手尽量别改“核心设置”（比如主题、字体大小、语法高亮规则），除非你已经用了半个月，知道自己需要什么。 
要是你不小心改乱了设置，别慌：点左上角的“设置”→ 选“恢复默认设置”，就能回到最初的界面。
现在你可以打开Kitten，跟着上面的步骤做一遍：新建一个“hello.py”，写“print("我会用Kitten啦！")”，保存，运行——要是终端弹出这句话，说明你成功了！ 
要是碰到问题（比如代码不运行、界面乱了），评论区问我，我帮你查原因——我见过太多新手的“奇奇怪怪错误”，比如把“print”写成“pirnt”，把“.py”写成“.pyy”，这些我都能帮你找出来。 
赶紧去试吧，第一次写出能运行的代码的感觉，比喝奶茶还甜！

本文常见问题（FAQ）
Kitten的主要界面功能区怎么区分？
Kitten界面主要分四个核心区：左边是管理代码文件的“文件夹sidebar”，点“+”能新建项目或文件；中间大空白是写代码的编辑区，有行号、语法高亮和错误提示（红波浪线/黄底色）；顶栏一排小图标是工具栏，常用的保存（软盘图标）、运行（三角图标）、预览（眼睛图标）都在这；下面黑框是终端/预览区，运行结果和报错信息在这看，HTML预览也用它。
新建Kitten文件时为什么要加后缀？
文件后缀（比如.py、.html）是告诉Kitten“这是什么类型的代码”，要是没加，Kitten识别不了编程语言，语法高亮不会生效，运行时还会报错。比如写Python要命名为“test.py”，写HTML要叫“index.html”，不然代码全是黑色，也跑不起来。
用Kitten写的代码怎么运行或预览结果？
分两种情况：写Python代码的话，点顶栏“运行”按钮（三角图标），下面终端会出结果；写HTML/CSS的话，点“预览”按钮（眼睛图标），右边会弹出浏览器窗口看效果。要是没反应，先检查文件名后缀对不对，比如Python文件是不是.py，HTML是不是.html。
不小心改乱Kitten的设置怎么恢复？
别慌，点左上角“设置”（齿轮图标），选“恢复默认设置”就能回到最初界面。新手尽量别乱改核心设置（比如主题、字体），实在要改，先摸熟软件再试。
Kitten里代码格式乱了怎么快速整理？
用“格式化”功能就行，点顶栏小刷子图标，或者按快捷键Shift+Alt+F（Windows）/Shift+Option+F（Mac），代码会自动调整缩进、加空格，比如Python缩进乱了、HTML标签没对齐，格式化后立刻整齐，还能减少缩进错误。