博客

把虚拟机作为一台服务器，你就需要让主机（你的电脑）与虚拟机之间通过网络连接在一起，网络中的其它的设备也可能要跟虚拟机连接。这就需要去配置一下虚拟机的网络的设置，让主机或者其它设备可以访问到虚拟机。可以通过 Vagrantfile 去配置虚拟机的网络，Vagrant 提供了三种方法，端口转发，公有网络，还有私有网络。

端口转发

forwarded_port，端口转发，就是你可以设置主机与虚拟机之间的端口的映射关系，这样请求主机上的这个端口，就会把请求转发到虚拟机上的对应的端口上。比如，你想在访问主机 8080 端口时候，转发到虚拟机上的 80 端口，下面咱们去试一下，先打开 Vagrantfile ，然后搜索：

# config.vm.network "forwarded_port"

去掉这行代码最前面的 # 号， 这个配置就是端口转发，看起来是这样的：

用 vagrant init 命令初始化项目以后，会在你的项目的目录下面创建一个叫 Vagrantfile 的文件。虚拟机在启动的时候，会检查这个文件上的内容，你可以在这个文件里面修改跟虚拟机相关的配置，比如虚拟机的用户名，网络的配置，使用的内存大小，共享的目录等等。用你喜欢的编辑器打开项目的目录，然后再打开 Vagrantfile 这个文件。

这个文件里的内容的语法是 Ruby 语言，你不用懂 Ruby 语言，只需要简单的修改就能通过这个文件去配置虚拟机。在这个文件里，所有最前面用 # 开头的，都是被注释掉的内容，有些说明了相关的配置的使用方法，有些是配置语法本身。还有几行代码前面不带 # 号。

config.vm.box = "chef/centos-6.5"

上面的的配置说明了这个项目用的虚拟机的 Box 叫什么，我这里是 chef/centos-6.5 ，你看到的可能跟这个不太一样。

我们需要一种更好的管理虚拟机的方法。比如你可能想创建几个 Linux 系统的虚拟机，因为你开发的项目最终是要运行在 Linux 系统的服务器上。所以，你打算在本地也用 Linux 系统为项目搭建一个开发环境，手工去安装不同类型的 Linux 操作系统太麻烦了。你需要 Vagrant。

Vagrant 可以让我们用命令直接从云上下载虚拟机的镜像，你想要什么系统都行，Centos，Ubunto ...   只需要一行命令，然后再用命令去操作虚拟机，启动，暂停，关闭，重启，你可以更方便的管理所有的在本地上电脑上的虚拟机镜像，手工去配置它们，可以再重新打包成新的镜像，方便你跟你的团队在其它的项目上重复使用。

安装 Vagrant

Vagrant 提供了一个虚拟机的管理层，虚拟机本身还是需要用到虚拟机的软件，比如 VMware，Virtualbox 等等，推荐用 Virtualbox 。使用系统的包管理工具去安装软件。

虚拟机（Virtual Machine），就是你可以在一台电脑上虚拟出来很多台电脑，每个电脑上边都可以有自己的独立的操作系统，文件系统，内存，CPU 等等。

对于 Web 工程师，虚拟机很有用，比如你自己平时用的电脑上装的是 Windows ，但是你要开发的项目要运行在 Linux 系统上，这样你就可以在本地的电脑上创建一台虚拟机，然后给它安装好跟生产环境一样的 Linux 操作系统，比如 CentOS ，Ubuntu ...  然后让你的项目运行在这台虚拟机上。这样你在把项目放到它真实的运行环境的时候，就不容易出错。

或者你平时用 Mac，操作系统是 OSX ，如果你想测试应用在 IE 浏览器上面的表现，你就可以去创建一个 Windows 操作系统的虚拟机，启动虚拟机以后，你可以用虚拟机上的 IE 浏览器访问你的应用。你也可能因为有些网银需要运行在 Windows 系统上，不过要注意有些带 U Key 的网银不支持在虚拟机上用，比如工商的网银。招行是可以用的。

你平时访问的网站都有个主要的地址，youku.com，sohu.com，baidu.com 等等，这些 xx.com 就是网站的域名，我们可以给域名设置不同的主机名，像 tv.sohu.com，movie.youku.com，主机名可以指向一台服务器的 IP 地址，这样你在浏览器打开这个主机名的时候，浏览器就会到这个主机名指向的 IP 地址的那台服务器上给你请求你想看的东西。

域名

你想有个地球人都可以访问的网站，先得有个已经接入到互联网的电脑，这个电脑就是服务器（Server），这个电脑上需要有一个公网的 IP 地址，这样你在这台电脑上搭建好 Web 服务器以后，用户就可以使用电脑上的公网 IP 地址访问到你的网站了。不过 IP 地址对于普通用户来说不太友好，不好看，也不容易记住。所以一般你要给网站去申请一个域名，用这个域名或者相应的主机名去指向服务器的 IP 地址，这样通过这个域名或者主机名，用户就可以打开你的网站了。

当一名 Web 工程师，并不需要成为网络工程师，整个思科认证啥的。不过，多少得懂一点网络的基础，比如 IP 地址是干啥的，公网 IP 与内网 IP 的区别，DNS 怎么配置，局域网是什么意思，什么是 http，ftp，端口号 等等。我们并不需要知道这些东西具体是怎么实现的，只要有个自己的理解就行。

网络

网络就是一些设备，用某种方式连接到了一块儿，你知道我在这，我也知道你在那儿，连接到一块儿的设备现在太多样化了，随处可见的电脑，手机，平板，越来越多的像手表，电冰箱，热水器 ...

互联网

世界范围的网络。

局域网

小范围的网络。你家里可能就会有一个局域网，这个网络通过一个家用的路由器搭建，你的电脑，平板，手机这些设备都在家里的局域网上，它们之间可以直接通过局域网进行交流，比如手机发个图片或者视频给你的电脑。

IP 地址

在网络上的设备都需要一个地址，这个地址有点像手机号，拨通朋友的手机号可以跟朋友聊聊天，你的朋友也可以通过你的手机号找到你。这个地址就是 IP 地址，它相当于是网络上的设备的手机号。

现在，你需要一个现代的文本编辑软件，它会陪你相当长的时间。可以选择的太多了，我建议用一款开源的，跨平台，用现代技术开发的编辑器，比如 Brackets ，它的背后是著名的 Adobe 公司，或者也可以选择 Atom ，它是 Github 领头开发的，Github 的团队应该知道自己在干什么，也了解开发者的真正需求。

任何一款编辑器都有自己的特点，我觉得没必要在选择上花太多时间，来回比较也没太大意义，习惯可以干掉一切。我们就先用 Atom 这款吧 ：）

Atom

一款编辑器入门还是很简单的，学会怎么样创建，打开，编辑，保存文件就行。剩下的就是慢慢熟悉，Atom 会不断带给你惊喜，如果你想简化或者加快平时工作中的某些任务或者动作，你就可以去搜索一下，Atom 要么本身就为你提供你需要的功能，没有的话，也可以通过现成的插件（Packages）或者自定义的方式解决。

你决定要把 Web 当成自己的事业，并且已经开始学习了。你听到的，看到的，或者自己感觉的，很可能是错的。一开始，我们就用更好的方法去学习与做事，会节省很多时间，也能减轻痛苦。找不到方向，不知道从哪里下手，今天就跟宁皓一起，一切都在这里开始：）

遇到的问题

学习 Web 设计与开发得去安装很多软件，Git，Node，Ruby，Virtualbox，Vagrant，Atom，Brackets，Chrome...  有些软件是你要直接用的，有些是其它软件所依赖的。安装这些东西，你得先找到它们的官方网站，然后下载适合自己系统的版本，双击安装，Next，Next，下一步，下一步  ...  完成！安装完以后，你发现还不能用，因为你不知道这个软件还需要你去安装一个其它的东西。

命令行工具是做 Web 设计与开发的必备工具。通过输入一些命令，去做你要做的事情。不同的命令可以做不同的事情，比如基本的文件与目录的操作，去安装，更新，删除软件，控制与管理服务器等等。

很多 Web 项目都自带了命令行工具，会提供一些跟项目相关的命令，可以用到平时的开发流程里面。比如 Drupal 的 drush ，WordPress 的 WP-CLI，Laravel 的 artisan  等等，基本上一个现代的 Web 项目都会附带一个命令行工具。

准备

在哪里输入要执行的命令？不同的操作系统提供了不同的软件，Windows 上可以使用 系统自带的 命令提示符（cmd） 或者 Powershell（win7 以上的版本，推荐使用） ，在 Mac 上用的是系统自带的 终端（Terminal）。