WEB入门-需要准备安装基本软件

如何开发WEB

欢迎来到MDN 的「学习专区（Learning Area）」。本系列文章将提供撰写程式码的必要网站，让刚接触的新手也能开发Web。

MDN 学习专区不是要让「初学者」变成「专家」；而是想让「初学者」能够更怡然自得。你在这里可完全安排自己的进度，逐步探索MDN 的其他部分，再接触进阶资源来堆砌之前所习得的知识。

如果你是完全的新手，那Web 开发过程可能颇有难度。我们希望能带领你轻松学习，另提供相关细节以培养你的正确观念。不论你是要学习Web 开发（自学或参与课程）的学生、寻找教材的老师、纯粹兴趣使然的业余工程师，甚至只是想进一步了解Web 技术的人，都希望你在这里就像在家里一样自在。

入门

• 完全新手：如果你正打算接触Web 开发，我们建议先从提供了实用Web 开发介绍的入门WEB模组。
• 特殊问题：如果你对Web 开发有着特殊问题，欢迎在下方我们一起讨论。
• 基础以外：如果你已经具备基本知识，则下一步就是了解HTML与CSS。
• 写些脚本：如果你娴熟HTML 与CSS 或想动手写程式码，要不要去JavaScript或伺服器端语言那边看看呢── 就从我们的JavaScript起步走与伺服器瑞程式设计起步开始！

WEB入门

Web 入门是一系列简洁的文章，介绍网页开发的实用范例。你将运用相关工具建构简易网页并发布自己的程式码。

替你的第一个网站说故事

建立个人网站需要很多功夫。如果你才刚开始接触网页设计，我们建议大家可以先从小地方着手。不是要你立刻就写出跟「Facebook」一样规模的网站，但自己架一个上线的网站一点都不难，现在就开始吧！

安装基本软件

只要依序看过以下的系列文章，你将初学者蜕变成会架设自己的第一个上线网页，Let's go！

在本文中，你会知道有哪些Web 开发的简易工具，以及正确的安装方式。

专家都用哪些工具？
电脑，这东西对某些人来说再合理不过了，但可能有人用自己的手机，或在图书馆电脑上读这篇文章。若要真正着手开发Web，最好还是弄一台桌电或笔电（Windows、Mac、Linux 都行）。

文字编辑器，用来写程式码。可以是文字编辑器（如Visual Studio Code、Notepad++、Sublime Text、Atom、GNU Emacs、VIM）、也可以是混合式编辑器（如Dreamweaver或WebStorm）。

办公室软体的文件编辑器并不适合，因为它们依赖许多会干扰浏览器排版引擎的隐藏元素。

Web 浏览器，可测试写好的程式码。目前最常用的浏览器有Firefox、Chrome、Opera、Safari、Internet Explorer与Micrososft Edge。你也可以测试自己网站在行动装置上呈现的效果，若目标读者分布甚广，你可能必须用旧版浏览器（如IE 6–8）测试。

图像编辑器，如GIMP、Paint.NET、Photoshop都可用来为自己的网站添增图案。
版本控制系统，可让团队用以协作某个专案、分享程式码与外部档案，更可避免编辑作业发生冲突、还可以管理伺服器的档案。目前Git是最常见的版本控制工具；GitHub与GitLab则是最常用的程式码分享服务。

FTP 程式，可将网页上传至比较老的网路托管伺服器，以利使用者检视── 前述的Git近年来渐渐取代了FTP── 可用的(S)FTP 程式有Cyberduck、Fetch、FileZilla。
**自动化系统，**如Grunt或Gulp可自动执行重复性的作业，例如缩减程式码并执行测试作业。
范本、函式库、框架......等等，都能加速写出一般功能。

及其他更多工具！

我实际需要、立刻需要哪些工具？

上面一长串看起来好像很吓人，但其实刚接触Web 开发时，不需了解所有的东西。我们先帮你设定最低限度的必要工具：文字编辑器和几款主流浏览器。

安装文字编辑器
你的电脑里很可能已经提供基本的文字编辑器了。 Windows 本身就有记事本；OS X 已提供文字编辑；Linux 各版本不太一样：例如Ubuntu 就有gedit。

而针对Web 开发，其实有着比Notepad 或TextEdit 好很多的工具。我们推荐使用Visual Studio Code，因为这个自由编辑器有提供即时预览、以及程式码提示。

安装常用浏览器
目前我们会安装数款Web 浏览器的桌面版，以利测试我们所写的程式码。先在下方找到自己所用的作业系统，再点击你爱用的浏览器连结：

Linux：Firefox、Chrome、Opera、Brave。
Windows：Firefox、Chrome、Opera、Internet Explorer、Micrososft Edge、Brave。 （Edge 是Windows 10 的预设浏览器；如果你用的是Windows 8 或之后版本，可以安装IE 10 或更高版本；否则应安装其他浏览器替代）
macOS：Firefox、Chrome、Opera、Safari、Brave。 （Safari 是iOS 与OS X 的预设浏览器）