前言：许多同学前端学习HTML，做HTML页面的时候，通常是按ctrl+s直接保存，然后双击index.html直接打开，或者使用某一种快捷键打开，反正本质也是文件预览，但是种方式是不规范的，会造成许多问题
前端工程师专业预览方式，是在线预览，这样可以从用户的角度去看页面，因为用户的习惯是,输入网址，然后浏览网页，同时文件的路径问题，也会更加清晰
下面介绍一个工具
http-server,可以模拟一个服务器
http-server的安装
在终端输入
yarn global add http-server
页面写好保存时候,在终端输入
http-server . -c-1
在浏览器输入
后面接项目根目录的html页面
路径问题
<body>
<img src="/a/b/c/3.jpg" alt="">
</body>
如果用文件预览方式的话，会看不到图片
代码改成
<body>
<img src="a/b/c/3.jpg" alt="">
</body>
但是我用服务器访问的话
无论是a/b/c/3.jpg ，还是/a/b/c/3.jpg的写法，图片都正常显示，在一定程度上避免了因为路径问题，而造成的bug
原理是当在项目根目录下启用服务器的话，最前面的这个/ 表示的是项目的根目录。
资料参考 饥人谷
172
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
