html初学者入门之开发软件（第二篇）

凌云

1年前发布

290

文章目录[隐藏]

专业人士使用什么开发工具？
现在，我究竟需要用什么工具？

注意：更多精彩内容会在凌云博客更新：http://www.a754.com(专业小白学习教程网)
刚做不久，后面会慢慢更新小白教程，希望大家多多支持！

专业人士使用什么开发工具？

计算机。也许这对一些人来说听起来习以为常，但你们中的一些人正在使用手机或图书馆的电脑阅读这篇文章。对于重度的 Web 开发，最好购买一台运行 Windows、macOS 或 Linux 的台式机或笔记本电脑。
文本编辑器，用来写代码。可以是一个文本编辑器（如 Visual Studio Code、Sublime Text、Atom 、GNU Emacs 或者 VIM ），或一个混合编辑器（ Dreamweaver 或 WebStorm）。Office 文档不适合这种用途，因为它们依赖隐藏的元素，会干扰网络浏览器使用的渲染引擎。
网络浏览器，用以测试代码。目前，最常用的浏览器是 Firefox 、Chrome、Opera、Safari、Internet Explorer 和 Microsoft Edge。你还应该测试你的网站在移动设备和你的目标受众可能仍在使用的任何旧浏览器（如 IE 8-10）上的表现。Lynx，一个基于文本的终端网络浏览器，对于查看视力障碍用户对你的网站的体验是非常好的。
图形编辑器，如 GIMP 、Figma 、Paint.NET 、Photoshop 、Sketch 或 XD ，为你的网页制作图像或图形。
版本控制系统，用来管理服务器上的文件，与团队合作开展项目，共享代码和资产，避免编辑冲突。现在，Git 是最流行的版本控制系统，还有 GitHub 或 GitLab 托管服务。
FTP 工具，老式 Web 托管账户，以管理服务器上的文件（Git 正越来越多地取代 FTP 用于此目的）。有大量的 (S)FTP 程序可用，包括 Cyberduck、Fetch 和 FileZilla。
自动化构建工具，如 Webpack 、Grunt 或 Gulp ，以自动执行重复性任务，如简化代码和运行测试。
库、框架等，以加快编写常用功能。一个库往往是一个现有的 JavaScript 或 CSS 文件，它提供了现成的功能，供你在代码中使用。框架则更进一步，为你提供一个完整的系统和一些自定义的语法，让你在上面写一个 Web 应用。
此外还有更多的工具！

现在，我究竟需要用什么工具？

这看起来是一个冗长的清单，但幸运的是，你可以在不了解这些东西的情况下开始进行 Web 开发。在这篇文章中，我们只为你准备了最基本的东西——一个文本编辑器和一些现代网络浏览器。

安装文本编辑器

你的电脑上可能已经有一个基本的文本编辑器。默认情况下，Windows 是 Notepad ，macOS 则有 TextEdit。Linux 发行版有所不同；Ubuntu 下是 gedit 。

对于 Web 开发，你可能可以做得比记事本或 TextEdit 更好。我们建议从 Visual Studio Code 开始，它是一个免费的编辑器，提供实时预览和代码提示。

安装现代网络浏览器

现在，我们将安装几个桌面网络浏览器来测试我们的代码。在下面选择你的操作系统，然后点击相关链接，下载你喜欢的浏览器：

Linux：Firefox 、Chrome 、Opera 、Brave.
Windows：Firefox 、Chrome 、Opera 、Internet Explorer 、Microsoft Edge 、Brave （Windows 10 默认带有 Edge；如果你有 Windows 7 或以上版本，你可以安装 Internet Explorer 11；否则，你应该安装一个替代浏览器）。
macOS：Firefox 、Chrome 、Opera 、Safari 、Brave （macOS 和 iOS 默认带有 Safari 浏览器）。