1177 字
6 分钟
Web开发前置软件

前言#

古话说,工欲善其事必先利其器,有一个趁手的工具可以大大提高我们编程的效率,因此,我向大家介绍一些我自己常用觉得好用的必备软件,供大家参考使用。或许你现在不知道每个软件具体的功能和用途,可以先把文中提到的软件先下载下来,后期会慢慢讲解具体功能和作用。

代码编辑工具-Visual Studio Code#

这是由微软出品的一款代码编辑器(正如下图所示),我认为他的优点有这些:

  • 简洁的界面
  • 丰富的扩展
  • 时间线管理版本
  • 上手容易

VScode基础功能介绍#

我们在这里选择一个文件夹打开

就会发现这个文件夹里面的所有文件都显示在左侧的侧边栏中,可以非常方便的进行查阅。

我们随便点击一个文件,文件便在右侧的视图窗中显示出来了,我们可以在里面进行编辑,十分的方便。这为我们后期的web开发打下了坚实的基础!!!

我们点击文件里面的新建文本文件

之后就会发现新建了一个文件

在这里我们可以自行选择语言

关于扩展#

如下图所示的这个按钮便是扩展,可以说如果没有扩展的存在,VScode只不过是一个高级的记事本罢了。扩展的存在,使得vscode有了很大功能上的提升。

下图是我使用的一些扩展,大家可以参考下载


GitHub仓库本地管理软件-GitHub Desktop#

GitHub是一个“程序员的社交网络+代码仓库”。上面有丰富的代码内容,但是复杂的git指令常常会劝退新手。有没有像管理普通文件那样的模块化管理方法呢?有的有的,GitHub Desktop就是一个很好的解决方案。

  • 如果你的GitHub访问卡顿的话,可以下载 Watt Toolkit 这款加速器对GitHub进行加速。

下面的图片就是GitHub desktop的软件界面。接下来我将详细介绍如何使用GitHub desktop创建本地仓库和如何同步到GitHub上的方法。

首先点击左上角的File,然后点击new respository。

之后会弹出这个页面,这个页面是仓库的介绍页面,小白只需要管前三项就可以,分别是仓库名称,仓库描述和本地保存的位置。

点击create repository之后,恭喜你,你的仓库创建成功了,这是登陆上你的GitHub,你可以发现刚才在本地的新建仓库。

当我们对仓库中的文件进行更改时,desktop里面会显示变更记录,这时候只需要我们添加description,然后点击commit xx files to main,最后点击fetch origin,就可以把本地的仓库中变更的内容同步到GitHub的仓库中。真是太方便了!!!

细心的你发现,在主界面有一个open in vscode,一不小心打开了它,你就会发现你的本地仓库通过vscode打开了。

点击源代码管理的按钮,这里储存了之前提交的历史版本,可以非常容易的实现代码版本管理,类似于刚才desktop里面的history。

恭喜你,已经学会了基本的代码管理方法!!!快去进行创作吧#


关于科学上网#

有关这一块的内容只能点到为止。


服务器管理神器-宝塔#

宝塔面板是一个强大且流行的服务器管理工具,它的核心价值在于“可视化”和“自动化”,让服务器管理变得像使用普通软件一样简单。如果你需要自己搭建网站,它绝对是一个值得尝试的利器。


AI编程工具#

不差钱直接上cursor和Claude。#

WARNING

我差钱,所以选择下面两个选择

Iflow#

这是由阿里开发的一款AI编程工具,它是在终端进行运行,优点是有丰富的国产coder模型(截止到今天,我认为国内编码能力最强的模型应该是GLM4.6,就是图中所示的模型),而且对个人免费,缺点是终端运行对新手不太友好。

TRAE#

这是字节跳动开发的AI IDE工具,虽然最近腾讯开发了codebuddy,但是我觉的还不够成熟,TRAE的体验感还是不错的。


结语#

谢谢你能看到这里,祝你有快乐的一天!!!#

Web开发前置软件
https://blogs.lijnf.top/posts/前置软件/web开发前置软件平台/
作者
~IFREAD...
发布于
2025-10-15
许可协议
CC BY-NC-SA 4.0