npm 包 clipped-preset-docker 使用教程

简介

Clipped-preset-docker 是一个基于 Clipped.js 的 docker 镜像预设，可以用于在 docker 容器中运行 Clipped.js 项目。

安装

在项目目录下使用以下命令进行安装：

--- ------- --------------------- ------

使用

在项目中添加 .clippedrc.yml 配置文件，并在其中指定该预设：

- --------------
--------
  - ---------------------

然后，在项目目录下运行

------- -----

即可通过浏览器访问 Clipped.js 服务。

示例代码

下面是一个使用 clipped-preset-docker 预设的示例代码：

--------- -----
------
  ------
    ----- ----------------
    ------------ --------------
    ------- -------------------------------------------------------------------------------------
  -------
  ------
    --------
      -- ------
      --- ----- - --- ----------------

      -- -----------
      --- ----------- - --- ---------------------- -- ---
      --- ----------- - --- --------------------------- ------ -------- ---
      --- --- - --- ------------------------- -------------

      -- ---------
      ---------------

      -- --------
      --- ------ - --- ----------------------------- ----------------- - ------------------- ---- ------

      -- ----- - ---------
      ----------------- - --

      -- -------
      --- -------- - --- ------------------------

      -- ---------------
      ----------------------------------- --------------------

      -- - ---- ------- --- --
      -----------------------------------------------

      -- --------
      -------- -------- -
        -- -----
        -------------- -- -----
        -------------- -- -----

        -- ----
        ---------------------- --------

        -- -------------
        ------------------------------
      -

      -- ------
      ---------
    ---------
  -------
-------

结语

本文介绍了如何使用 clipped-preset-docker 这个 npm 包，以在 docker 容器中运行 Clipped.js 项目。希望本文能为读者提供参考和帮助。

来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/60056fcc81e8991b448e7b94

阅读全文

猜你喜欢

  • npm 包 web-driverify 使用教程

    前言 在编写前端自动化测试时，WebDriver 是一款重要的工具。它可以在不同的浏览器中模拟用户的操作，例如点击、输入等等。而 web-driverify 是在 WebDriver 基础上封装的一个...

    3 年前
  • npm 包 lexer.js 使用教程

    前言 在前端开发中，为了提高开发效率，我们往往会使用许多工具和库。其中，npm 是一个非常常用的工具，可以帮助我们快速安装和管理许多的前端库。 在本文中，我们将介绍一个非常实用的 npm 包：lexe...

    3 年前
  • npm 包 knexx 使用教程

    什么是 knexx？ knexx 是一个 Node.js 数据库工具箱，它提供了一种简单，灵活且可扩展的方法来构建和执行 SQL 查询。使用 knexx，您可以从多种不同的 SQL 数据库中选择，包括...

    3 年前
  • npm 包 pkg-man 使用教程

    简介 npm 是 Node.js 的包管理工具，通过它可以方便地管理我们前端项目中使用的各种库和插件，例如 jQuery、Bootstrap、React 等等。而 pkg-man 是一个 npm 包，...

    3 年前
  • npm 包 @material-styled/core 使用教程

    在前端开发中，我们时常会使用成套的 Material Design 风格组件。而 @material-styled/core 是一个基于 Material Design 的样式库，提供了一些常见的 U...

    3 年前
  • npm 包 tatsumaki.js 使用教程

    在前端开发中，我们常常会使用各种各样的库和框架来辅助我们开发。而其中，npm 包是我们前端开发中一个不可或缺的利器。本文将介绍如何使用一个名为 tatsumaki.js 的 npm 包来实现一些常用的...

    3 年前
  • npm 包 @material-styled/button 使用教程

    在前端开发中，UI 组件的使用是非常频繁和重要的。而 @material-styled/button 这个 npm 包，便是一款基于 Material Design 设计风格的按钮组件库。

    3 年前
  • npm 包 @material-styled/card 使用教程

    在前端开发中，我们经常需要使用卡片组件来展示一些信息，这时候 @material-styled/card 这个 npm 包就变得非常有用了。 本文将详细介绍如何使用该 npm 包来构建卡片组件。

    3 年前
  • NPM 包 @material-styled/shadow 使用教程

    在前端开发中，UI 库是不可或缺的一部分。而 @material-styled/shadow 是基于 Google 的 Material Design 设计风格的 UI 库，它提供了一系列阴影效果的样...

    3 年前
  • npm 包 @material-styled/paper 使用教程

    介绍 @material-styled/paper 是一款使用 Material Design 风格的 UI 组件库，它基于 React 构建，提供了一系列常用的 UI 组件，例如按钮、输入框、对话框...

    3 年前
  • npm 包 fuse-immutable 使用教程

    在前端开发中，数据的不可变性是非常重要的一个概念，不可变性可以帮助我们更好地管理复杂的数据结构，避免出现副作用，提高性能等。而在处理不可变数据时，我们会用到 Immutable.js 这个包。

    3 年前
  • npm 包 brandjlt 使用教程

    介绍 brandjlt 是一款基于 React 的 UI 组件库，针对前端开发者和设计师，旨在提供高效的开发体验和美观的 UI 组件。 安装 使用 npm 安装 brandjlt --- ------...

    3 年前
  • npm包 @davidwu226/papaparse 使用教程

    1. 前言 随着前端应用的发展和需求的扩大，前端数据处理成为了至关重要的一环。在这个过程中，很多开发者可能会遇到数据解析和转换的问题。然而，这一问题得到了很好的解决，npm 包 @davidwu226...

    3 年前
  • npm 包 @material-styled/theming 使用教程

    简介 @material-styled/theming 是一个 npm 包，它提供了一套基于 Material Design 的 React 组件主题定制方案。它提供了 ThemeProvider 组...

    3 年前
  • npm 包 github-oo 使用教程

    介绍 github-oo 是一个能够简化 GitHub API 使用的 npm 包。使用它可以方便地获取 GitHub 上的用户、仓库、组织等信息，并进行处理。如果你是一个前端开发者，我相信 gith...

    3 年前
  • npm 包 describe-wasm 使用教程

    简介 WebAssembly（简写为 wasm）是一种新型的低级抽象语法树，它可以快速、可移植地在浏览器上运行。在 WebAssembly 出现之前，JavaScript 一直是主要的客户端脚本语言，...

    3 年前
  • npm 包 echarts-scrappeteer 使用教程

    前言 Echarts 是一个基于 JavaScript 的开源数据可视化工具，它能够支持各种类型的数据展示，如折线图、柱状图、饼图等。而 echarts-scrappeteer 则是一个使用 Pupp...

    3 年前
  • npm 包 preload-css-webpack-plugin 使用教程

    随着 web 应用程序越来越复杂，其前端代码体积也越来越庞大，而用户体验也越来越重要，因此加载时间因而变得更为重要。为了加快网站速度，webpack 4 和 webpack 5 允许通过 webpac...

    3 年前
  • npm 包 react-native-safe-area-helper 使用教程

    1. 前言 在移动端开发中，显示区域的大小和位置对于用户体验有非常重要的影响。特别是在 iPhone X 以后的设备中，由于顶部和底部有“安全区域”，因此需要特别处理 UI 布局。

    3 年前
  • npm 包 skyway-signaling-gateway 使用教程

    本文介绍了 npm 包 skyway-signaling-gateway 的使用方法及其在 WebRTC 中的应用场景，同时向读者提供了详细的代码示例和深入的学习指导。

    3 年前

相关推荐

    暂无文章