gavindiaz/vibe-coding-cn
1
0
Fork 0
mirror of https://github.com/tradecatlabs/vibe-coding-cn.git synced 2026-08-22 15:28:05 +00:00
Code Issues Packages Projects Releases Wiki Activity

docs: update en/ documents with latest zh/ translations

Browse Source 
- Update 00-fundamentals: Language Layer Elements, Glue Coding, Common Pitfalls, The Way of Programming, General Project Architecture Template
- Update 01-getting-started: all 4 guides
- Update 04-resources: Tool Collection, External Resource Aggregation
- Add fate-engine-dev practice examples
- Update all README.md files

Translated using Gemini CLI headless mode
This commit is contained in:
tukuaiai
2025-12-19 17:36:38 +08:00
parent 7ed780fc74
commit 2fba88ab60
23 changed files with 1621 additions and 1216 deletions
Download Patch File Download Diff File Expand all files Collapse all files
i18n/en/documents/01-getting-started/00-Vibe Coding Philosophy.md
+5 -5
View File
@@ -1,15 +1,15 @@
# Vibe Coding Philosophy
# Vibe Coding Philosophical Principles
> First principle: Everything to AI... I am a parasite of AI, without AI I lose all capabilities.
> Everything to AI... I am a parasite to AI, without AI I lose all my capabilities.
## Practice
Encounter any problems? Send them to AI, describe clearly, you can send screenshots, screen recordings, etc., send your complete problem and context (history/background) to AI.
Encounter any problems? Send them to AI, describe them clearly, you can send screenshots, screen recordings, etc., send your complete problem and context (history/background) to AI.
---
## Next Step
After understanding the philosophy, start practical operations:
Having understood the philosophical principles, let's move on to practical application:
→ [01-Network Environment Configuration](./01-Network%20Environment%20Configuration.md)
→ [01-Network Environment Configuration](./01-网络环境配置.md)
i18n/en/documents/01-getting-started/01-Network Environment Configuration.md
+25 -25
View File
@@ -1,6 +1,6 @@
# Network Environment Configuration
> Prerequisite for Vibe Coding: Ensure normal access to services like GitHub, Google, and Claude.
> Vibe Coding Prerequisite: Ensure normal access to services like GitHub, Google, and Claude.
---
@@ -15,7 +15,7 @@ My situation:
- Operating system: [Please tell me if you are using Windows/macOS/Linux/Android]
- I already have a proxy service subscription link (airport subscription)
Please guide me on how to configure the network proxy using the FlClash client:
Please guide me through configuring the network proxy using the FlClash client:
1. How to download and install FlClash (GitHub: https://github.com/chen08209/FlClash/releases)
2. How to import my subscription link
3. How to enable TUN mode (virtual network card) to achieve global proxy
@@ -23,11 +23,11 @@ Please guide me on how to configure the network proxy using the FlClash client:
5. How to verify if the configuration is successful
Requirements:
- Detail each step, describe button locations with pictures
- If I encounter problems, help me analyze the cause and provide solutions
- After completing each step, ask me if it was successful, and then proceed to the next step
- Each step should be explained in detail, with illustrations describing button locations.
- If I encounter problems, help me analyze the cause and provide solutions.
- After completing each step, ask me if it was successful before proceeding to the next.
Let's start now, first ask me what operating system I am using.
Let's start now by asking me what operating system I am using.
```
---
@@ -36,22 +36,22 @@ Let's start now, first ask me what operating system I am using.
### You will need
1. **Network service subscription** - a provider of node services
2. **FlClash** - a cross-platform network configuration client
1. **Network Service Subscription** - A provider of proxy nodes
2. **FlClash** - A cross-platform network configuration client
### Step One: Purchase Network Service
Visit the service provider: https://xn--9kqz23b19z.com/#/register?code=35BcnKzl
- Register an account
- Choose a plan (starting from approx. 6 RMB/month)
- After payment, find the **subscription link** in the user panel and copy it for later use
- Select a plan (starting from about 6 RMB/month)
- After payment, find the **subscription link** in the user panel and copy it for later use.
### Step Two: Download FlClash
GitHub Download: https://github.com/chen08209/FlClash/releases
Select based on your system:
Choose according to your system:
- Windows: `FlClash-x.x.x-windows-setup.exe`
- macOS: `FlClash-x.x.x-macos.dmg`
- Linux: `FlClash-x.x.x-linux-amd64.AppImage`
@@ -62,18 +62,18 @@ Select based on your system:
1. Open FlClash
2. Click **Configuration** → **Add**
3. Select **URL Import**
4. Paste the subscription link copied in the first step
4. Paste the subscription link copied in step one
5. Click confirm and wait for nodes to load
### Step Four: Enable Proxy
Set the following three items in order:
| Setting | Operation |
| :---------------------- | :-------------------------------------- |
| **Virtual Network Card (TUN)** | Enable - Achieve global traffic proxy |
| **System Proxy** | Enable - Let system applications use the proxy |
| **Proxy Mode** | Select **Global Mode** |
| Setting | Operation |
|:------------------|:----------------------------------|
| **Virtual NIC (TUN)** | Enable - Achieve global traffic proxy |
| **System Proxy** | Enable - Allow system applications to use the proxy |
| **Proxy Mode** | Select **Global Mode** |
After setting up, the FlClash main interface should show "Connected".
@@ -87,20 +87,20 @@ curl -I https://www.google.com
curl -I https://github.com
```
If `HTTP/2 200` is returned, the configuration is successful.
Returning `HTTP/2 200` indicates successful configuration.
---
## FAQ
## Common Issues
**Q: Nodes can't connect?**
A: Try switching to other nodes, or check if the subscription has expired.
**Q: Nodes cannot connect?**
A: Try switching to another node, or check if the subscription has expired.
**Q: Some applications don't use the proxy?**
A: Ensure TUN mode (virtual network card) is enabled.
A: Ensure TUN mode (virtual NIC) is enabled.
**Q: Want the terminal to also use the proxy?**
A: The terminal automatically uses the proxy after TUN mode is enabled; or manually set:
A: The terminal automatically uses the proxy when TUN mode is enabled; or manually set:
```bash
export https_proxy=http://127.0.0.1:7890
export http_proxy=http://127.0.0.1:7890
@@ -108,6 +108,6 @@ export http_proxy=http://127.0.0.1:7890
---
## Next Step
## Next Steps
After network configuration is complete, continue reading [02-Development Environment Setup](./02-Development%20Environment%20Setup.md).
After network configuration is complete, continue reading [02-开发环境搭建](./02-开发环境搭建.md).
i18n/en/documents/01-getting-started/02-Development Environment Setup.md
+46 -46
View File
@@ -1,49 +1,49 @@
# Development Environment Setup Prompt
## Development Environment Setup Prompts
> How to use: Copy the prompt corresponding to your device below and paste it into any AI chat box (ChatGPT, Claude, Gemini web version, etc.). The AI will guide you step by step to complete the configuration.
> How to use: Copy the prompt corresponding to your device below, paste it into any AI chat box (ChatGPT, Claude, Gemini web version, etc.), and the AI will guide you step-by-step through the configuration.
**Prerequisite**: Please complete [01-Network Environment Configuration](./01-Network%20Environment%20Configuration.md) first.
**Prerequisite**: Please complete [01-Network Environment Configuration](./01-网络环境配置.md) first.
---
## 🪟 Windows User Prompt
## 🪟 Windows User Prompts
### Option A: WSL2 + Linux Environment (Recommended)
> Suitable for: Those who want a complete Linux development experience and the best compatibility.
> Suitable for: Users who want a complete Linux development experience with the best compatibility
```
You are a patient development environment configuration assistant. I am a complete beginner using a Windows system, and I need you to guide me step by step to set up a Linux development environment via WSL2.
You are a patient development environment setup assistant. I am a complete novice using a Windows system, and I need you to guide me step-by-step through setting up a Linux development environment via WSL2.
Please guide me in the following order, giving me one step at a time, and wait for my confirmation before proceeding to the next step:
Please guide me in the following order, giving me only one step at a time, and waiting for my confirmation before proceeding to the next:
1. Install WSL2 (Windows Subsystem for Linux)
2. Install Ubuntu in WSL2
3. Configure Ubuntu basic environment (update system)
3. Configure the basic Ubuntu environment (update the system)
4. Install nvm and Node.js
5. Install Gemini CLI or other free AI CLI tools
6. Install basic development tools (git, python, build-essential, tmux)
7. Configure Git user information
8. Install code editor (VS Code and configure WSL plugin)
8. Install a code editor (VS Code and configure the WSL extension)
9. Verify that all tools are working correctly
Requirements:
- Provide specific commands for each step, and tell me where to run them (PowerShell or Ubuntu terminal)
- Explain the purpose of each command in simple, easy-to-understand language
- If I encounter an error, help me analyze the cause and provide a solution
- After completing each step, ask me if it was successful, and then proceed to the next step
- For each step, provide specific commands and tell me where to run them (PowerShell or Ubuntu terminal).
- Explain the purpose of each command in simple, easy-to-understand language.
- If I encounter an error, help me analyze the cause and provide a solution.
- After completing each step, ask me if it was successful before continuing to the next.
Now, let's start with the first step.
```
### Option B: Native Windows Terminal
### Option B: Windows Native Terminal
> Suitable for: Those who don't want to install WSL and want to develop directly on Windows.
> Suitable for: Users who don't want to install WSL and develop directly on Windows
```
You are a patient development environment configuration assistant. I am a complete beginner using a Windows system, and I need you to guide me step by step to set up a development environment in a native Windows environment (without using WSL).
You are a patient development environment setup assistant. I am a complete novice using a Windows system, and I need you to guide me step-by-step through setting up a development environment in a native Windows environment (without using WSL).
Please guide me in the following order, giving me one step at a time, and wait for my confirmation before proceeding to the next step:
Please guide me in the following order, giving me only one step at a time, and waiting for my confirmation before proceeding to the next:
1. Install Windows Terminal (if not already installed)
2. Install Node.js (via official installer or winget)
@@ -51,66 +51,66 @@ Please guide me in the following order, giving me one step at a time, and wait f
4. Install Python
5. Install Gemini CLI or other free AI CLI tools
6. Configure Git user information
7. Install code editor (VS Code)
7. Install a code editor (VS Code)
8. Verify that all tools are working correctly
Requirements:
- Provide specific commands or operation steps for each step
- Explain the purpose of each step in simple, easy-to-understand language
- If I encounter an error, help me analyze the cause and provide a solution
- After completing each step, ask me if it was successful, and then proceed to the next step
- For each step, provide specific commands or operation steps.
- Explain the purpose of each step in simple, easy-to-understand language.
- If I encounter an error, help me analyze the cause and provide a solution.
- After completing each step, ask me if it was successful before continuing to the next.
Now, let's start with the first step.
```
---
## 🍎 macOS User Prompt
## 🍎 macOS User Prompts
```
You are a patient development environment configuration assistant. I am a complete beginner using a macOS system, and I need you to guide me step by step to set up the Vibe Coding development environment from scratch.
You are a patient development environment setup assistant. I am a complete novice using a macOS system, and I need you to guide me step-by-step through setting up the Vibe Coding development environment from scratch.
Please guide me in the following order, giving me one step at a time, and wait for my confirmation before proceeding to the next step:
Please guide me in the following order, giving me only one step at a time, and waiting for my confirmation before proceeding to the next:
1. Install Homebrew package manager
2. Install Node.js using Homebrew
2. Use Homebrew to install Node.js
3. Install Gemini CLI or other free AI CLI tools
4. Install basic development tools (git, python, tmux)
5. Configure Git user information
6. Install code editor (VS Code or Neovim)
6. Install a code editor (VS Code or Neovim)
7. Verify that all tools are working correctly
Requirements:
- Provide specific commands for each step
- Explain the purpose of each command in simple, easy-to-understand language
- If I encounter an error, help me analyze the cause and provide a solution
- After completing each step, ask me if it was successful, and then proceed to the next step
- For each step, provide specific commands.
- Explain the purpose of each command in simple, easy-to-understand language.
- If I encounter an error, help me analyze the cause and provide a solution.
- After completing each step, ask me if it was successful before continuing to the next.
Now, let's start with the first step.
```
---
## 🐧 Linux User Prompt
## 🐧 Linux User Prompts
```
You are a patient development environment configuration assistant. I am a complete beginner using a Linux system (Ubuntu/Debian), and I need you to guide me step by step to set up the Vibe Coding development environment from scratch.
You are a patient development environment setup assistant. I am a complete novice using a Linux system (Ubuntu/Debian), and I need you to guide me step-by-step through setting up the Vibe Coding development environment from scratch.
Please guide me in the following order, giving me one step at a time, and wait for my confirmation before proceeding to the next step:
Please guide me in the following order, giving me only one step at a time, and waiting for my confirmation before proceeding to the next:
1. Update the system and install basic dependencies (curl, build-essential)
2. Install nvm and Node.js
3. Install Gemini CLI or other free AI CLI tools
4. Install development tools (git, python, tmux)
5. Configure Git user information
6. Install code editor (VS Code or Neovim)
6. Install a code editor (VS Code or Neovim)
7. Verify that all tools are working correctly
Requirements:
- Provide specific commands for each step
- Explain the purpose of each command in simple, easy-to-understand language
- If I encounter an error, help me analyze the cause and provide a solution
- After completing each step, ask me if it was successful, and then proceed to the next step
- For each step, provide specific commands.
- Explain the purpose of each command in simple, easy-to-understand language.
- If I encounter an error, help me analyze the cause and provide a solution.
- After completing each step, ask me if it was successful before continuing to the next.
Now, let's start with the first step.
```
@@ -121,7 +121,7 @@ Now, let's start with the first step.
### CLI Tool Configuration Tips
AI CLI tools default to asking for confirmation; enabling full permission mode can skip this:
AI CLI tools typically ask for confirmation by default; enabling full permission mode can skip this:
```bash
# Codex - Most powerful configuration
@@ -130,13 +130,13 @@ codex --enable web_search_request -m gpt-5.1-codex-max -c model_reasoning_effort
# Claude Code - Skip all confirmations
claude --dangerously-skip-permissions
# Gemini CLI - YOLO Mode
# Gemini CLI - YOLO mode
gemini --yolo
```
### Recommended Bash Alias Configuration
Add the following configuration to `~/.bashrc`, one letter to start AI:
Add the following configuration to `~/.bashrc` to launch AI with a single letter:
```bash
# c - Codex (GPT-5.1 most powerful mode)
@@ -145,14 +145,14 @@ alias c='codex --enable web_search_request -m gpt-5.1-codex-max -c model_reasoni
# cc - Claude Code (full permissions)
alias cc='claude --dangerously-skip-permissions'
# g - Gemini CLI (YOLO Mode)
# g - Gemini CLI (YOLO mode)
alias g='gemini --yolo'
```
After configuration, execute `source ~/.bashrc` to take effect.
After configuration, execute `source ~/.bashrc` to apply the changes.
---
After environment setup, proceed to the next step:
Once the environment setup is complete, proceed to the next step:
→ [03-IDE Configuration](./03-IDE%20Configuration.md) - Configure VS Code Development Environment
→ [03-IDE Configuration](./03-IDE配置.md) - Configure VS Code Development Environment
i18n/en/documents/01-getting-started/03-IDE Configuration.md
+52 -50
View File
@@ -1,16 +1,18 @@
# IDE Configuration Prompt
Here is the English translation of the provided text:
> How to use: Copy the prompt corresponding to your IDE below and paste it into any AI chat box. The AI will guide you step by step to complete the configuration.
# IDE Configuration Prompts
**Prerequisite**: Please complete [02-Development Environment Setup](./02-Development%20Environment%20Setup.md) first.
> How to use: Copy the prompt corresponding to your IDE below, paste it into any AI chat box, and the AI will guide you step-by-step to complete the configuration.
**Precondition**: Please complete [02-Setting up the Development Environment](./02-开发环境搭建.md) first.
---
## Choose Your IDE
## Choose your IDE
- [VS Code](#vs-code) - Free, most common
- [Cursor](#cursor) - AI-native IDE, based on VS Code
- [Windsurf](#windsurf) - AI-native IDE, free tier for new users
- [Windsurf](#windsurf) - AI-native IDE, new users get free credits
---
@@ -19,44 +21,44 @@
### 🪟 Windows + WSL Users
```
You are a patient VS Code configuration assistant. I have already installed WSL2 and Ubuntu, and now I need you to guide me step by step to configure VS Code for the best WSL development experience.
You are a patient VS Code configuration assistant. I have already installed WSL2 and Ubuntu, and now I need you to guide me step-by-step to configure VS Code for the best WSL development experience.
Please guide me in the following order, giving me one step at a time, and wait for my confirmation before proceeding to the next step:
Please guide me in the following order, giving me only one step at a time, and waiting for my confirmation before proceeding to the next:
1. Install VS Code on Windows (if not already installed)
2. Install the Remote - WSL extension
3. Open a project folder via WSL
4. Install basic development extensions (GitLens, Prettier, ESLint, Local History)
5. Configure the terminal to use WSL by default
4. Install essential development extensions (GitLens, Prettier, ESLint, Local History)
5. Configure the terminal to default to WSL
6. Configure auto-save and formatting
7. Verify that the configuration is working correctly
Requirements:
- Provide specific operation methods for each step
- If I encounter an error, help me analyze the cause and provide a solution
- After completing each step, ask me if it was successful, and then proceed to the next step
- Provide specific instructions for each step
- If I encounter problems, help me analyze the cause and provide solutions
- After completing each step, ask me if it was successful before continuing to the next step
Now, let's start with the first step.
```
### 🪟 Windows Native Users
### 🪟 Native Windows Users
```
You are a patient VS Code configuration assistant. I am using a Windows system (without WSL), and now I need you to guide me step by step to configure VS Code.
You are a patient VS Code configuration assistant. I am using a Windows system (without WSL), and now I need you to guide me step-by-step to configure VS Code.
Please guide me in the following order, giving me one step at a time, and wait for my confirmation before proceeding to the next step:
Please guide me in the following order, giving me only one step at a time, and waiting for my confirmation before proceeding to the next:
1. Install VS Code (if not already installed)
2. Install basic development extensions (GitLens, Prettier, ESLint, Local History)
2. Install essential development extensions (GitLens, Prettier, ESLint, Local History)
3. Configure the terminal to use PowerShell or Git Bash
4. Configure auto-save and formatting
5. Configure Git integration
6. Verify that the configuration is working correctly
Requirements:
- Provide specific operation methods for each step
- If I encounter an error, help me analyze the cause and provide a solution
- After completing each step, ask me if it was successful, and then proceed to the next step
- Provide specific instructions for each step
- If I encounter problems, help me analyze the cause and provide solutions
- After completing each step, ask me if it was successful before continuing to the next step
Now, let's start with the first step.
```
@@ -64,20 +66,20 @@ Now, let's start with the first step.
### 🍎 macOS Users
```
You are a patient VS Code configuration assistant. I am using a macOS system, and now I need you to guide me step by step to configure VS Code.
You are a patient VS Code configuration assistant. I am using a macOS system, and now I need you to guide me step-by-step to configure VS Code.
Please guide me in the following order, giving me one step at a time, and wait for my confirmation before proceeding to the next step:
Please guide me in the following order, giving me only one step at a time, and waiting for my confirmation before proceeding to the next:
1. Install VS Code (via Homebrew or official website)
2. Configure the 'code' command-line tool
3. Install basic development extensions (GitLens, Prettier, ESLint, Local History)
2. Configure the `code` command-line tool
3. Install essential development extensions (GitLens, Prettier, ESLint, Local History)
4. Configure auto-save and formatting
5. Verify that the configuration is working correctly
Requirements:
- Provide specific operation methods for each step
- If I encounter an error, help me analyze the cause and provide a solution
- After completing each step, ask me if it was successful, and then proceed to the next step
- Provide specific instructions for each step
- If I encounter problems, help me analyze the cause and provide solutions
- After completing each step, ask me if it was successful before continuing to the next step
Now, let's start with the first step.
```
@@ -85,20 +87,20 @@ Now, let's start with the first step.
### 🐧 Linux Users
```
You are a patient VS Code configuration assistant. I am using a Linux system (Ubuntu/Debian), and now I need you to guide me step by step to configure VS Code.
You are a patient VS Code configuration assistant. I am using a Linux system (Ubuntu/Debian), and now I need you to guide me step-by-step to configure VS Code.
Please guide me in the following order, giving me one step at a time, and wait for my confirmation before proceeding to the next step:
Please guide me in the following order, giving me only one step at a time, and waiting for my confirmation before proceeding to the next:
1. Install VS Code (via apt or snap)
2. Install basic development extensions (GitLens, Prettier, ESLint, Local History)
2. Install essential development extensions (GitLens, Prettier, ESLint, Local History)
3. Configure auto-save and formatting
4. Configure terminal integration
5. Verify that the configuration is working correctly
Requirements:
- Provide specific operation methods for each step
- If I encounter an error, help me analyze the cause and provide a solution
- After completing each step, ask me if it was successful, and then proceed to the next step
- Provide specific instructions for each step
- If I encounter problems, help me analyze the cause and provide solutions
- After completing each step, ask me if it was successful before continuing to the next step
Now, let's start with the first step.
```
@@ -110,28 +112,28 @@ Now, let's start with the first step.
> AI-native IDE, based on VS Code, with built-in AI programming features. Official website: https://cursor.com
```
You are a patient Cursor IDE configuration assistant. I want to use Cursor as my main development tool, and I need you to guide me step by step through the installation and configuration.
You are a patient Cursor IDE configuration assistant. I want to use Cursor as my primary development tool, and I need you to guide me step-by-step through the installation and configuration.
My operating system is: [Please tell me if you are using Windows/macOS/Linux]
Please guide me in the following order, giving me one step at a time, and wait for my confirmation before proceeding to the next step:
Please guide me in the following order, giving me only one step at a time, and waiting for my confirmation before proceeding to the next:
1. Download and install Cursor (official website: https://cursor.com)
2. First-time startup configuration (login, theme selection, etc.)
1. Download and install Cursor (Official website: https://cursor.com)
2. Initial startup configuration (login, select theme, etc.)
3. Import VS Code settings and extensions (if you have used VS Code before)
4. Configure AI features (API Key or subscription)
5. Learn Cursor's core shortcuts:
- Cmd/Ctrl + K: AI Edit
- Cmd/Ctrl + L: AI Chat
- Cmd/Ctrl + I: Composer mode
- Cmd/Ctrl + I: Composer Mode
6. Configure auto-save
7. Verify that AI features are working correctly
Requirements:
- Provide specific operation methods for each step
- Provide specific instructions for each step
- Explain Cursor's unique features compared to VS Code
- If I encounter an error, help me analyze the cause and provide a solution
- After completing each step, ask me if it was successful, and then proceed to the next step
- If I encounter problems, help me analyze the cause and provide solutions
- After completing each step, ask me if it was successful before continuing to the next step
Now, first ask me what operating system I am using.
```
@@ -140,27 +142,27 @@ Now, first ask me what operating system I am using.
## Windsurf
> AI-native IDE, free tier for new users. Official website: https://windsurf.com
> AI-native IDE, new users get free credits. Official website: https://windsurf.com
```
You are a patient Windsurf IDE configuration assistant. I want to use Windsurf as my development tool, and I need you to guide me step by step through the installation and configuration.
You are a patient Windsurf IDE configuration assistant. I want to use Windsurf as my development tool, and I need you to guide me step-by-step through the installation and configuration.
My operating system is: [Please tell me if you are using Windows/macOS/Linux]
Please guide me in the following order, giving me one step at a time, and wait for my confirmation before proceeding to the next step:
Please guide me in the following order, giving me only one step at a time, and waiting for my confirmation before proceeding to the next:
1. Download and install Windsurf (official website: https://windsurf.com)
2. Register an account and log in (new users get a free tier)
3. First-time startup configuration
1. Download and install Windsurf (Official website: https://windsurf.com)
2. Register an account and log in (new users get free credits)
3. Initial startup configuration
4. Understand Windsurf's AI features (Cascade, etc.)
5. Configure the basic development environment
6. Verify that AI features are working correctly
Requirements:
- Provide specific operation methods for each step
- Provide specific instructions for each step
- Explain Windsurf's unique features
- If I encounter an error, help me analyze the cause and provide a solution
- After completing each step, ask me if it was successful, and then proceed to the next step
- If I encounter problems, help me analyze the cause and provide solutions
- After completing each step, ask me if it was successful before continuing to the next step
Now, first ask me what operating system I am using.
```
@@ -169,4 +171,4 @@ Now, first ask me what operating system I am using.
## After Configuration
After IDE configuration is complete, read [README.md](../../../../README.md) to understand the Vibe Coding workflow and start your first project!
Once your IDE is configured, read [README.md](../../../../README.md) to understand the Vibe Coding workflow and start your first project!
i18n/en/documents/01-getting-started/README.md
+13 -25
View File
@@ -1,29 +1,17 @@
# 🚀 Starting Vibe Coding from Scratch
```markdown
# 🚀 Getting Started Guide
> Absolutely no foundation? Follow the steps below in order to start your AI programming journey.
> Learn Vibe Coding from scratch, configure your environment
---
## 📚 Learning Path
## Learning Path
1. [Vibe Coding Philosophical Principles](./00-Vibe%20Coding%20哲学原理.md) - Understanding Core Concepts
2. [Network Environment Configuration](./01-网络环境配置.md) - Configuring Network Access
3. [Development Environment Setup](./02-开发环境搭建.md) - Setting up the Development Environment
4. [IDE Configuration](./03-IDE配置.md) - Configuring your Editor
| No. | Document | Description |
|:---:|:---|:---|
| 00 | [Philosophy](./00-Vibe%20Coding%20Philosophy.md) | Understand the core concepts of Vibe Coding |
| 01 | [Network Environment Configuration](./01-Network%20Environment%20Configuration.md) | Configure network to ensure access to GitHub, Google, etc. |
| 02 | [Development Environment Setup](./02-Development%20Environment%20Setup.md) | Copy prompts to AI, let AI guide you to install development tools |
| 03 | [IDE Configuration](./03-IDE%20Configuration.md) | Configure VS Code editor |
---
## How to use
1. Read each document in order
2. Prompts in the document can be directly copied to an AI chat box (ChatGPT, Claude, Gemini web version)
3. AI will guide you step by step to complete the configuration
4. Ask AI directly if you encounter problems
---
## After completion
After all configurations are complete, read the [Main Document](../../../../README.md) to understand the Vibe Coding workflow.
## 🔗 Related Resources
- [Basic Guide](../00-基础指南/) - Core Concepts and Methodology
- [Methodology](../02-方法论/) - Tools and Experience
- [Practice](../03-实战/) - Hands-on Projects
```