什么是 tarnish
Tarnish 是一个用于 Node.js 的极简的命令行工具,它可以方便快捷地帮助你在本地搭建一个本地服务器,常常被用于前端开发中测试静态文件,也可以同时支持监听文件变化并自动刷新页面。
它的目标是让前端开发更加高效和简单,无需关注配置复杂的服务器和繁琐的命令行操作,只需要几条简单的命令就能启动本地开发环境。
如何安装 tarnish
首先,你需要安装 Node.js,如果你使用 Mac 或 Linux,可以使用以下命令安装 Node.js:
---- --- --------------------------------------------------------------- - ---- --- ------- ----
如果你使用 Windows,请前往官网 https://nodejs.org/zh-cn/ 下载安装包进行安装。
安装完成后,我们就可以安装 tarnish 包了,使用以下命令即可:
--- ------- -- -------
如何使用 tarnish
安装完成后,我们可以来尝试使用 tarnish 启动一个本地服务器。在命令行中输入以下命令:
------- -----
此时,tarnish 会将当前目录作为静态文件服务器的根目录,并会监听 3000 端口(如果有其他进程占用该端口,tarnish 会自动选择其他可用的端口),然后你可以打开浏览器,输入 http://localhost:3000 进行访问了。
同时,tarnish 也支持自动刷新功能,只需要在 HTML 文件中插入以下代码即可:
---- ---- --- ------- -----------------------------------
然后,当你修改 html、css、js 文件时,页面会自动刷新,大大提升了前端开发的效率。
除了 start 命令,tarnish 还支持其他几个命令:
- stop: 停止服务器
- restart: 重启服务器,如果需要修改端口或其他配置,可以先停止服务器,然后在启动时使用参数覆盖默认配置
- config: 显示当前配置信息
- help: 显示帮助信息
如何配置 tarnish
默认情况下,tarnish 会使用一些默认的配置,如端口号 3000,根目录为当前目录,自动刷新功能开启等。
如果你需要自定义配置,可以在命令行中使用以下参数覆盖默认配置:
------- ----- ------ ---- ----- --------------------- ---------------
其中,--port 参数指定了监听的端口号,--dir 参数指定了静态文件的根目录,--no-livereload 参数禁用了自动刷新功能。
你也可以在当前目录下创建一个 tarnish.json 文件,来指定默认的配置:
- ------- ----- ------------ ------------------------ ------------- ----- -
总结
tarnish 是一个非常简单易用的命令行工具,它可以大大提高前端开发的效率。通过上文的介绍,相信你已经掌握了怎样安装和使用 tarnish,以及如何配置 tarnish 来满足你的需求。在实际开发中,你可以结合 tarnish 的自动刷新功能以及其他工具如 gulp、webpack 等来提升前端开发效率,进一步提高开发质量。
来源:JavaScript中文网 ,转载请联系管理员! 本文地址:https://www.javascriptcn.com/post/600668e1d9381d61a354094e