npm 包 fnewless 使用教程

在前端开发中,我们经常会需要使用各种各样的开源库,这些库可以帮助我们轻松地实现各种功能,避免重复造轮子。而 npm 是目前前端开发中最流行的包管理器。在使用 npm 的过程中,我们经常需要创建一些新的文件或目录。fnewless 就是一个方便快捷创建文件和目录的 npm 包。

安装 fnewless

我们可以通过 npm 命令进行 fnewless 的安装:

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

-g 参数表示全局安装,也可以通过将 -g 替换为 --save-dev 进行项目内安装。

使用 fnewless

创建文件

我们可以使用 fnewless 快速创建文件:

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

这条命令会在当前目录下创建一个名为 index.js 的文件。

我们也可以创建多个文件:

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

这条命令会在当前目录下创建三个文件:index.js、app.js 和 test.js。

创建目录

我们可以使用 fnewless 快速创建目录:

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

这条命令会在当前目录下创建一个名为 styles 的目录。

我们也可以创建多个目录:

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

这条命令会在当前目录下创建三个目录:styles、scripts 和 images。

使用模板创建文件

我们可以使用 fnewless 快捷地创建一个带有预设内容的文件。

使用 -t 参数指定模板类型:

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

这条命令会在当前目录下创建一个名为 index.html 的文件,并为其加入 HTML 基础结构。

支持的模板类型有:

  • html
  • css
  • js
  • react
  • vue

创建多级目录

我们可以使用 -p 参数来一次性创建多级嵌套目录:

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

这条命令会一次性创建两个目录:styles 和 styles/common 。

注意,使用多级目录时,父目录必须存在。

创建带目录的文件

我们可以使用 -p 参数,创建一个带目录的文件:

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

这条命令会在当前目录下创建一个名为 styles 的目录,并在其中创建一个名为 app.css 的文件。

-h 参数获取帮助

我们使用 -h 参数可以获得 fnewless 的帮助信息:

-------- --

总结

通过 fnewless,我们可以快速便捷地创建文件和目录,节省时间提升效率。希望在日常工作中多多使用 fnewless,提升开发效率。

示例代码如下:

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

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

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

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

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

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

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

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

来源:JavaScript中文网 ,转载请联系管理员! 本文地址:https://www.javascriptcn.com/post/6005772781e8991b448eac69


猜你喜欢

  • npm 包 ui-share-button 使用教程

    在前端开发中,我们经常需要使用到一些界面组件,比如按钮、输入框、下拉菜单等。这些组件通常具有一定的样式和交互,可以帮助我们快速构建出一个美观的前端页面。 其中,按钮是所有组件中最基本的一个。

    3 年前
  • npm 包 chimera-web-framework 使用教程

    在前端开发过程中,我们经常需要使用各种框架来协助我们完成任务。而使用 npm 作为包管理工具可以更好地管理我们使用的框架和库。chimera-web-framework 就是一款基于 npm 的包,提...

    3 年前
  • npm 包 `eslint-config-xp-fe` 使用教程

    前言 ESLint 是一个基于 JavaScript 代码的静态分析工具,用于发现代码中的问题并提供代码质量控制。eslint-config-xp-fe 是一个专门针对前端项目的 ESLint 配置包...

    3 年前
  • npm 包 @almedso/apis-core 使用教程

    npm 是一个广泛使用的 JavaScript 包管理器,它简化了 JavaScript 应用程序开发的过程。在前端开发中,我们经常使用 npm 包来处理不同的任务,例如 JS 打包,代码压缩,数据可...

    3 年前
  • npm包@racg21/platzom使用教程

    简介 @racg21/platzom 是一个在 JavaScript 中使用的 npm 包,它能够实现对字符串的一些简单操作,例如反序、字母大小写转换等,还能够将单词转换为自定义的无意义语言 **"p...

    3 年前
  • npm 包 temp-express-gateway-plugin-rewrite 使用教程

    前言 Node.js生态系统中最强大的工具便是npm (Node Package Manager)。它是一个用于安装、分享、发布和管理npm包的工具。协作开发中经常会用到npm包,它们为我们的开发生活...

    3 年前
  • npm 包 sw-precache-webpack-dev-plugin 使用教程

    前言 对于大多数前端开发者来说,离线缓存(offline caching)已经成为 web 应用程序的常规功能。离线缓存的一个常见实现方式是 service worker,它可以让 web 应用程序在...

    3 年前
  • npm 包 secrets-handler 使用教程

    在前端开发中,我们需要管理项目的敏感信息,比如 API key,数据库密码等等。这些信息不应该被直接存储在代码中或公开版本控制系统中。一个好的解决方案是使用独立的存储库或环境变量。

    3 年前
  • npm 包 sysl 使用教程

    简介 sysl 是一个基于 TypeScript 的用于快速生成前端应用模板的 npm 包。它提供了一个简单、干净的模板,还包含了 TypeScript、React、Jest、ESLint 等前端最常...

    3 年前
  • npm 包 config-repo 使用教程

    简介 在前端开发中,经常需要通过配置文件来管理各种环境(如开发、测试、生产等)下的不同配置。而 config-repo 是一个能够帮助我们更便捷地管理配置文件的 npm 包。

    3 年前
  • npm 包 questbook 使用教程

    前言 npm 是目前最为流行的 JavaScript 包管理器,通过 npm 可以安装各种模块,大大提高了前端开发效率和质量。在众多的 npm 包中,questbook 是一款非常实用的 npm 包,...

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

    什么是 describe-url? describe-url 是一个可以用于生成 URL 描述信息的 npm 包。它可以帮助开发者创建出阅读友好的 URL 描述文本。

    3 年前
  • npm包just-write-api的使用教程

    前言 今天我们来介绍一个非常好用的npm包——just-write-api,它是一款让前端开发者可以快速建立、配置和管理一个写作Api的工具。通过just-write-api,我们可以实现将自己的网站...

    3 年前
  • npm 包 Spotless 使用教程

    在前端开发中,代码规范的重要性不言而喻。其中一个重要的内容就是代码的格式化,便于阅读和维护。在 Java 开发中,有一个被广泛使用的代码格式化工具——Spotless。

    3 年前
  • NPM 包 grunt-bower-package 使用教程

    介绍 Grunt 是一个非常流行的 JavaScript 任务管理工具。如果你正在使用 Grunt,那么你可能知道 Bower,Bower 是一个包管理工具,它可以帮助你下载和安装 Web 前端开发中...

    3 年前
  • npm 包 interbit-platform 使用教程

    简介 Interbit 是一个基于区块链技术的开放性平台,提供一个可以在不同用户之间共享数据和应用的软件开发解决方案。interbit-platform 是 Interbit 官方的 npm 包,可以...

    3 年前
  • npm 包 partition-iterable 使用教程

    前言 在前端开发过程中,很多时候需要对一个数组或者可迭代对象进行分块处理,这时候我们可以使用 partition-iterable 这个 npm 包来解决这个问题。

    3 年前
  • NPM包 reduce-iterable 使用教程

    什么是 reduce-iterable reduce-iterable 是一个在可迭代对象上执行常规 reduce 去除条目时,会尽早终止操作的微型 JavaScript 库。

    3 年前
  • npm 包 interbit-sdk 使用教程

    Interbit-sdk 是一个面向前端的开源工具包,可以帮助开发者更容易地构建去中心化的应用程序。它提供了基础框架,使得开发者可以快速构建并部署基于 Interbit 网络的 DApp 应用。

    3 年前
  • npm 包 teams-deploy-notifier 使用教程

    简介 在网站或应用开发中,发布部署后我们需要及时的通知到相关的团队成员。常见的通知方式有钉钉、企业微信、Slack等,而微软同样也提供了一款团队协作工具Teams。

    3 年前

相关推荐

    暂无文章