工具推荐

精选开发工具和资源，提升你的开发效率

学习路线图

从零基础到独立开发，按步骤循序渐进

Python 零基础入门路线

安装 Python 环境 → 基础语法 → 数据类型与变量 → 条件与循环 → 函数与模块 → Turtle 绘图 → Pygame 游戏 → 项目实战

前端开发学习路线

HTML5 基础 → CSS3 样式 → 响应式设计 → JavaScript 基础 → 异步编程 → React 框架 → Node.js 后端 → 全栈项目

推荐学习资源

Python 官方文档
最权威的 Python 参考资料，含完整教程
MDN Web 文档
前端开发最全参考文档，HTML/CSS/JS 必备
Pygame 官方文档
Python 游戏开发库的完整 API 文档
React 官方教程
React 最新官方文档与交互式教程
本站 GitHub 仓库
所有文章的源代码都在这里
菜鸟教程
适合零基础入门的中文编程教程
B站编程教程
大量免费视频教程，边看边学
Replit 在线 IDE
免安装直接在浏览器中运行 Python

前端开发工具

Visual Studio Code

轻量级代码编辑器，支持多种编程语言，拥有丰富的扩展生态。

  • 智能代码补全
  • 内置终端
  • 丰富的扩展市场
官网 了解更多

React Developer Tools

浏览器扩展，用于调试和检查React应用的组件层次结构和状态。

  • 组件层次结构查看
  • 状态和属性检查
  • 性能分析
下载 了解更多

npm

Node.js的包管理器，用于安装、共享和管理项目依赖。

  • 包管理
  • 脚本运行
  • 依赖解析
官网 了解更多

后端开发工具

MySQL Workbench

MySQL数据库的官方图形化管理工具，提供数据库设计、开发和管理功能。

  • 数据库设计
  • SQL编辑器
  • 数据导入导出
官网 了解更多

Postman

API开发和测试工具，用于构建、测试和文档化API。

  • API测试
  • 集合管理
  • 环境变量
官网 了解更多

PyCharm

Python IDE，提供代码分析、调试、测试和版本控制集成。

  • 智能代码补全
  • 调试器
  • 虚拟环境管理
官网 了解更多

设计工具

Figma

基于浏览器的设计工具，支持协作设计、原型制作和UI组件库。

  • 协作设计
  • 原型制作
  • 组件库
官网 了解更多

Canva

在线设计工具，提供模板、图片和排版工具，适合快速创建图形设计。

  • 模板库
  • 图片编辑
  • 社交媒体设计
官网 了解更多

Adobe XD

用户体验设计工具，用于创建原型、 wireframe 和界面设计。

  • 原型设计
  • 交互设计
  • 设计系统
官网 了解更多

效率工具

GitHub Desktop

GitHub的桌面客户端，提供图形化界面管理Git仓库和提交。

  • 图形化Git操作
  • 分支管理
  • 提交历史查看
官网 了解更多

Trello

项目管理工具，使用看板和卡片组织任务和项目进度。

  • 看板管理
  • 任务分配
  • 团队协作
官网 了解更多

Rescue Time

时间跟踪工具，帮助你了解如何使用电脑时间，提高工作效率。

  • 时间跟踪
  • productivity报告
  • 分心提醒
官网 了解更多