前端开发（Mac电脑修改hosts文件的方法） macos

前言

在前端开发过程中，除了直接进行代码开发需求之外，和前端开发相关的环境配置也是重要的知识内容，比如前端开发设计的环境搭建、编辑器的配置、依赖的安装，以及电脑本地的配置设置等，这些虽然和前端直接编码无关，但是会影响项目的正常运行。那么本篇博文就来分享一下经常遇到的知识点，通过Mac电脑进行前端编程开发的时候要修改hosts文件，实现访问，方便查阅使用。

什么是hosts文件 hosts文件其实就是一个没有扩展名的系统文件，它可以用记事本等工具打开，作用就是将一些常用的网址域名与其对应的IP地址建立一个关联“数据库”，当用户在浏览器中输入一个需要登录的网址时，电脑系统首先会自动从Hosts文件中寻找对应的IP地址，如果找到，系统会立即打开对应的网页，若没找到，则系统会再将网址提交到DNS域名解析服务器上进行IP地址的解析。
但是需要注意的是，hosts文件配置的映射是静态的，若网络上的计算机做了更改，那么请及时更新IP地址，否则将不能访问。

Mac电脑修改hosts文件前的准备工作 Mac电脑修改hosts文件之前，需要对电脑本机进行设置，准备工作要做好，具体操作如下所示：
1、打开Mac电脑并进入桌面，然后鼠标点击桌面空白处，接着选择电脑左上角的顶部菜单栏，选中苹果图标旁边的选项“访达”/“Finder”，弹出下拉菜单栏，选择“偏好设置…”；

文章图片

2、在“访达”/“Finder”偏好设置下面，选择“高级”,勾选“显示所有文件扩展名”选项；

文章图片

3、在Mac电脑桌面底部的菜单栏，找到“访达”/“Finder”选项，也可以使用快捷键Shift+Command+g来查找文件，左下角第一个图标，然后鼠标右键单击，弹出一个上提菜单栏，在里面找到“前往文件夹…”选项；

文章图片

4、在前往文件夹模块中，在输入框中输入要去的文件夹路径，根据常识判断可以知道hosts文件是在Mac电脑的/etc下面放着，然后直接输入/etc，最后点击“前往”文件即可；

文章图片

文章图片

5、在etc文件夹中找到hosts文件，双击该文件，如果没有设置过，会提示没有权限写入该文件，根据提示设置即可，如果设置过，可以直接打开hosts文件，然后在hosts文件中添加需要设置的地址，具体的hosts文件写法：

### Host Database## localhost is used to configure the loopback interface# when the system is booting.Do not change this entry.##127.0.0.1 localhost255.255.255.255 broadcasthost::1localhost127.0.0.1qd.dev.hc.com

文章图片

拓展：或者直接通过命令行进入到hosts文件，命令行如下所示：sudo vi /etc/hosts。
6、编辑完hosts文件之后，然后输入:wq!保存退出，为了验证在hosts文件中配置的访问地址，直接在浏览器中访问在hosts文件中设置的配置，如果可以正常访问，就说明配置成功。

最后本文通过介绍在前端开发中涉及到在Mac电脑修改hosts文件的方法步骤，可以很好的让需要的人使用，而且也非常实用，这也是在开发过程中必备的技能，尤其是对于初中级开发者来说，更应该掌握这些设置步骤，这里不再赘述。

以上就是本章的全部内容，欢迎关注三掌柜的微信公众号“程序猿by三掌柜”，三掌柜的新浪微博“三掌柜666”，欢迎关注！

三掌柜的微信公众号：