前端开发:Mac电脑修改hosts文件的方法

前言

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

什么是hosts文件

hosts文件其实就是一个没有扩展名的系统文件,它可以用记事本等工具打开,作用就是将一些常用的网址域名与其对应的IP地址建立一个关联“数据库”,当用户在浏览器中输入一个需要登录的网址时,电脑系统首先会自动从Hosts文件中寻找对应的IP地址,如果找到,系统会立即打开对应的网页,若没找到,则系统会再将网址提交到DNS域名解析服务器上进行IP地址的解析。

但是需要注意的是,hosts文件配置的映射是静态的,若网络上的计算机做了更改,那么请及时更新IP地址,否则将不能访问。

Mac电脑修改hosts文件前的准备工作

Mac电脑修改hosts文件之前,需要对电脑本机进行设置,准备工作要做好,具体操作如下所示:

1、打开Mac电脑并进入桌面,然后鼠标点击桌面空白处,接着选择电脑左上角的顶部菜单栏,选中苹果图标旁边的选项“访达”/“Finder”,弹出下拉菜单栏,选择“偏好设置…”;

前端开发:Mac电脑修改hosts文件的方法_第1张图片 

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

前端开发:Mac电脑修改hosts文件的方法_第2张图片 

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

前端开发:Mac电脑修改hosts文件的方法_第3张图片

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

前端开发:Mac电脑修改hosts文件的方法_第4张图片

前端开发:Mac电脑修改hosts文件的方法_第5张图片 

 

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 localhost

255.255.255.255 broadcasthost

::1             localhost

127.0.0.1       qd.dev.hc.com

前端开发:Mac电脑修改hosts文件的方法_第6张图片

 

拓展:或者直接通过命令行进入到hosts文件,命令行如下所示:sudo vi /etc/hosts

6、编辑完hosts文件之后,然后输入:wq!保存退出,为了验证在hosts文件中配置的访问地址,直接在浏览器中访问在hosts文件中设置的配置,如果可以正常访问,就说明配置成功。

最后

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

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

三掌柜的微信公众号:

前端开发:Mac电脑修改hosts文件的方法_第7张图片

 

三掌柜的新浪微博:

前端开发:Mac电脑修改hosts文件的方法_第8张图片

 

你可能感兴趣的:(macos)