npm 包 tarnish 使用教程

什么是 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


猜你喜欢

  • npm 包 @geekcash/mix-lib 使用教程

    前言 随着前端技术的不断进步,工具的多样性以及开发流程的不断变化,前端库和框架也不断涌现。其中,npm 包作为前端社区最为活跃的一种开源形式,被广泛应用于前端开发。

    3 年前
  • npm 包 create-dear-app 使用教程

    简介 create-dear-app 是一个基于 React 的快速创建前端工程化项目的 npm 包,它可以帮助开发者快速搭建 React 项目框架,同时支持常用的 React 配置、webpack、...

    3 年前
  • 前端技术学习 | npm 包 graphql-artisan 使用教程

    GraphQL 是一种用于 API 的查询语言,它有着高效、强大、灵活、易于理解和使用等优点。GraphQL 在前端技术领域也变得越来越流行,为前端开发人员提供了更多的选择。

    3 年前
  • npm 包 azure-arm-machinelearning 使用教程

    Azure Machine Learning 是微软提供的云平台,用于让开发人员和数据科学家轻松地构建、部署和管理机器学习模型。它提供了许多强大的功能,包括自动化机器学习、可视化构建和部署、实时预测和...

    3 年前
  • npm 包 mcmc 使用教程

    在前端领域,开发者需要处理许多数据分析问题。MCMC(Markov Chain Monte Carlo)是一种统计方法,可以帮助开发者处理这些问题。npm 包 mcmc 是一个基于 JavaScrip...

    3 年前
  • npm 包 circuit-b 使用教程

    简介 Circuit-B 是一个基于 HTML5 的可编辑图形和电路编辑器。这个 npm 包为前端开发者提供了一种快捷、简单的方式来绘制电路、布线和布局。它包含了一个可以直接调用的 API,以及适用于...

    3 年前
  • npm 包 persistent-limestone 使用教程

    介绍 在前端开发中,我们经常会需要在浏览器中本地存储一些数据,以便下次访问时能够快速地获取这些数据。但是,浏览器提供的本地存储方式(如 localStorage 和 sessionStorage)存在...

    3 年前
  • npm 包 bin-version-cli 使用教程

    介绍 npm 是一款 JavaScript 包的包管理器,是 Node.js 的核心模块之一。随着 JavaScript 的广泛应用,npm 包也越来越丰富,在开发中经常会用到某些包来提高效率,其中 ...

    3 年前
  • npm 包 antd-mobile-upload 使用教程

    前言 随着时代的发展和技术的进步,前端开发在应用场景和复杂度方面都得到了不断的发展和提升。除了自主开发和应用外,引入优秀的第三方组件和框架也是加快开发速度和提高效率的一种好的方式。

    3 年前
  • npm包invoked-once使用教程

    什么是npm包invoked-once? invoked-once是一个简单的npm包,旨在确保一个函数只被调用一次。当多次调用同一函数时,它可以确保只有第一次调用有效。

    3 年前
  • npm 包 @test-ui/core 使用教程

    前言 在现代化的前端开发中,组件化和模块化是不可避免的趋势。@test-ui/core 是一个基于 React 框架的 UI 组件库,提供了一些常用的 UI 组件以及可定制的主题。

    3 年前
  • npm 包 cloud-build-discord-notifier 使用教程

    cloud-build-discord-notifier 是一个 Node.js 模块,用于将 Cloud Build 的通知消息发送到 Discord 频道。本文将详细介绍该模块的使用方法。

    3 年前
  • npm 包 react-flags-select-mini 使用教程

    在前端开发中,经常需要使用到国旗选型的功能,比如显示语言、显示国家等。react-flags-select-mini 是一个 npm 包,提供了一个简单易用的组件,可以方便的添加国旗选项。

    3 年前
  • npm 包 @mware/updeep 使用教程

    在现代前端开发中,我们经常需要在不修改原始数据的情况下对其进行更新或变换。这也是函数式编程思想在前端领域应用的一种体现。@mware/updeep 就是一个非常好用的函数式工具库,它提供了很多便捷的 ...

    3 年前
  • npm 包 ember-cli-date-textbox 使用教程

    在前端开发中,我们经常需要处理日期时间相关的问题,比如输入日期、显示日期、格式化日期等等。而 ember-cli-date-textbox 就是一个提供了日期文本框的 Ember.js 插件,它可以简...

    3 年前
  • npm 包 node-pickle 使用教程

    简介 node-pickle 是一个用于解析 Python Pickle 格式的 Node.js 模块。它能够将 Python 对象序列化为 pickle 格式的文本,并且可以将 pickle 格式的...

    3 年前
  • npm 包 react-input-hook 使用教程

    在前端开发中,我们经常需要处理表单输入,而 React 的单向数据流让表单处理变得有些繁琐。而 react-input-hook 这个 npm 包可以使表单的处理变得更加便捷和高效。

    3 年前
  • npm 包 react-multi-picker 使用教程

    前言 随着前端技术的不断发展,越来越多的优秀的第三方库和框架出现,为我们前端开发者提供了很多方便和便利。其中,npm 包是应用最广泛的一种,可以通过 npm 包快速安装和使用各种开源工具和库。

    3 年前
  • npm 包 tinygesture 使用教程

    前言 在开发前端交互时,手势操作是不可缺少的一部分。手势操作可以让用户以更自然、快捷的方式使用应用程序。但是,手势操作的实现常常需要繁琐的代码。为了解决这个问题,一些前端工程师开发了一些手势操作的库,...

    3 年前
  • npm 包 es-ng6-bs4-table 使用教程

    在前端开发过程中,很多时候我们需要用到表格来展示数据,这时候一个好用的表格插件就非常重要了。今天我要介绍的是 es-ng6-bs4-table 这个 npm 包,它是一个基于 Angular6 和 B...

    3 年前

相关推荐

    暂无文章