摘要:一個簡單的工具類庫,用于將文本轉化為不同格式的命名風格如駝峰式連字符式常量式等。
naming-style
https://www.npmjs.com/package...
一個簡單的工具類庫,用于將文本轉化為不同格式的命名風格(如:駝峰式、連字符式、常量式等)。
安裝yarn add naming-style
or
npm i naming-style使用
import { style, camel, pascal, hyphen, constant, snake, underscore, setence, } from "naming-style"; style("iAm24YearsOld"); // 檢測文本 "iAm24YearsOld" 的命名風格 // Output: "camel" style("--naming-style -loves you"); // 檢測文本 "--naming-style -loves you" 的命名風格 // Output: "other" camel("--naming-style -loves you"); // 轉換為駝峰式命名 // Output: "namingStyleLovesYou" pascal("--naming-style -loves you"); // 轉換為大寫駝峰式命名 // Output: "NamingStyleLovesYou" hyphen("--naming-style -loves you"); // 轉換為連字符式命名 // Output: "naming-style-loves-you" constant("--naming-style -loves you"); // 轉換為常量式命名 // Output: "NAMING_STYLE_LOVES_YOU" snake("--naming-style -loves you"); // 轉換為“蛇”式命名 // Output: "naming_style_loves_you" sentence("--naming-style -loves you"); // 轉換為單個句子 // Output: "Naming-style loves you" underscore("--naming-style -loves you"); // 轉換為下劃線形式 // Output: "__naming_style__loves_you"特性 1. 工具方法
此類庫提供了 8 個工具方法:
style() 用于檢測文本的命名風格
其他 7 個方法分別用于將文本轉換為對應的命名風格
2. 支持轉換的命名風格此類庫支持 7 種命名風格的轉換,分別為:camel, pascal, hyphen, constant, snake, sentence 和 underscore
其中,前 6 種風格作為 基礎風格,下劃線風格(underscore)由基礎風格派生而成
舉例:
camel --> "iAm24YearsOld" pascal --> "IAm24YearsOld" hyphen --> "i-am-24-years-old" constant --> "I_AM_24_YEARS_OLD" snake --> "i_am_24_years_old" sentence --> "I am 24 years old" underscore --> "i_am_24_years_old"3. 基礎風格對應的方法是相互可逆的
如果要轉換的文本屬于前面說的 6 種 基礎風格 之一,則使用其對應的轉換方法可以完成互逆的轉換
舉例:
import { style, camel, snake } from "naming-style"; const origin = "i_am_24_years_old"; const namingStyle = style(origin); console.log(namingStyle); // "snake" const camelCase = camel(origin); const snake_case = snake(camelCase); const newCamelCase = camel(snake_case); console.log(camelCase === newCamelCase); // true4. 轉換無匹配風格的文本
如果要轉換的文本不屬于類庫提供的 7 種風格,則 style 方法的返回為 "other"
舉例:
import { style } from "naming-style"; style("--naming-style -loves you"); // Output: "other"
文章版權歸作者所有,未經允許請勿轉載,若此文章存在違規行為,您可以聯系管理員刪除。
轉載請注明本文地址:http://specialneedsforspecialkids.com/yun/96132.html
摘要:以前一直對前端構建工具的理解不深,經過幾天的研究特意來總結一下,第一次寫博客,有寫錯的請多多見諒,該文章我也從其他博客拷了一些內容,如果有冒犯之處,請指出。強大的設計使得它更像是一個構建平臺,而不只是一個打包工具。 以前一直對前端構建工具的理解不深,經過幾天的研究特意來總結一下,第一次寫博客,有寫錯的請多多見諒,該文章我也從其他博客拷了一些內容,如果有冒犯之處,請指出。 如今,網頁不再...
摘要:插件集待補充。。。同時,它還包含了用于轉換為格式和生成數據模式的選項用于壓縮合并和文件的應用程序。它提供了大量自定義的設置,以及自動壓縮保存并導出為文件的選項。修改文本的更多命名格式,包括駝峰命名下劃線分隔命名,命名以及命名等切換漂亮的主題 插件集 待補充。。。 20180903 文件 【Path Intellisense】 自動補全路徑 瀏覽器 【Open-In-Browser】在...
摘要:插件集待補充。。。同時,它還包含了用于轉換為格式和生成數據模式的選項用于壓縮合并和文件的應用程序。它提供了大量自定義的設置,以及自動壓縮保存并導出為文件的選項。修改文本的更多命名格式,包括駝峰命名下劃線分隔命名,命名以及命名等切換漂亮的主題 插件集 待補充。。。 20180903 文件 【Path Intellisense】 自動補全路徑 瀏覽器 【Open-In-Browser】在...
摘要:本文特此給大家介紹下如何使用配合來構建基于的前端項目。最后,在目錄下會生成最終的項目文件。執行單元測試本例中使用進行單元測試。 隨著React、Angular2、Redux等前沿的前端框架越來越流行,使用webpack、gulp等工具構建前端自動化項目也隨之變得越來越重要。鑒于目前業界普遍更流行使用webpack來構建es6(ECMAScript 2015)前端項目,網上的相關教程也比...
閱讀 683·2021-11-22 09:34
閱讀 3822·2021-09-22 15:42
閱讀 1327·2021-09-03 10:28
閱讀 1072·2021-08-26 14:13
閱讀 1901·2019-08-29 15:41
閱讀 1423·2019-08-29 14:12
閱讀 3364·2019-08-26 18:36
閱讀 3307·2019-08-26 13:47