计算机知识篇

什么是代码文件

代码文件就是文本文件

一个很重要的认知：代码文件本质上就是纯文本文件。它和你用记事本写的 .txt 文件没有本质区别，唯一不同的是文件后缀名告诉计算机应该用什么方式来理解它。

💡 文件后缀名就像食品包装上的标签——里面都是食物，但标签告诉你这是饮料还是零食。

常见代码文件类型

加载图表中...

详细文件类型速查表

前端开发文件

后缀	语言/用途	说明	示例内容
`.html`	HTML	网页的骨架结构	`<h1>Hello</h1>`
`.css`	CSS	网页的样式外观	`color: red;`
`.js`	JavaScript	网页的交互逻辑	`console.log("Hi")`
`.ts`	TypeScript	带类型的 JavaScript	`const x: number = 1`
`.jsx`	React组件	JS + HTML 混写	`<Button />`
`.tsx`	React+TS	TypeScript 的 React	`<Button onClick={fn} />`

后端开发文件

后缀	语言	使用场景
`.py`	Python	AI/数据科学/Web后端
`.js`	Node.js	全栈JavaScript开发
`.go`	Go	高性能后端服务
`.java`	Java	企业级应用
`.rb`	Ruby	Web应用(Rails)

配置文件

文件名	用途
`package.json`	Node.js项目配置、依赖管理
`tsconfig.json`	TypeScript编译器配置
`.gitignore`	Git忽略规则
`.env`	环境变量（密钥等敏感信息）
`Dockerfile`	Docker容器配置

深入理解 JSON 文件

.json 是最常见的数据交换格式，你会在各种地方碰到它：

{
  "name": "my-project",
  "version": "1.0.0",
  "dependencies": {
    "react": "^19.0.0",
    "next": "^15.0.0"
  },
  "scripts": {
    "dev": "next dev",
    "build": "next build"
  }
}

JSON 的规则很简单：

用 {} 表示对象
用 [] 表示数组
键名必须用双引号
值可以是字符串、数字、布尔值、数组或对象

Markdown 文件

.md 文件是 Markdown 格式，一种轻量级的文本标记语言。你现在看到的这篇文章就是用 Markdown 写的！

# 一级标题
## 二级标题

**加粗文字** 和 *斜体文字*

- 列表项 1
- 列表项 2

```python
print("代码块")


> 🎯 **AI编程小贴士**：当你让AI写文档、README或说明时，它通常会使用 Markdown 格式。

## 编码与字符集

代码文件通常使用 **UTF-8** 编码，这是一种通用的字符编码方式，能表示世界上几乎所有的文字。

```mermaid
graph LR
    A["你写的代码（文本）"] -->|UTF-8 编码| B["01001000 01101001（二进制）"]
    B -->|UTF-8 解码| C["屏幕显示文字"]

    style A fill:#FFF7E8,stroke:#F97316
    style B fill:#0F2829,stroke:#F97316,color:#fff
    style C fill:#FFF7E8,stroke:#F97316

小结

代码文件本质上是纯文本文件，只是后缀名不同
后缀名决定了计算机如何解析这个文件
前端主要用 .html、.css、.js/.ts
.json 是最常见的数据格式
.md (Markdown) 是写文档的标准格式