前言
在任何编程语言中，驼峰命名法都是一种常见的变量命名规范。不过，有些情况下需要把驼峰命名法转为短横线命名法。这时，我们就需要用到 don2case 这个 npm 包。
don2case 简介
don2case 是一款能够将驼峰命名法转为短横线命名法的小工具。这个工具在前端开发中非常常见，尤其是在编写 CSS 样式时。使用 don2case，我们可以轻松地将驼峰命名的 CSS 属性转换为短横线命名法，从而更方便地修改和管理样式代码。
don2case 安装
要在项目中使用 don2case，首先需要将这个 npm 包安装到开发环境中。在命令行执行以下命令：
npm install don2case --save-dev
这将会把 don2case 安装到项目中，并将其添加到 package.json 文件的开发环境依赖中。
don2case 使用
安装完成后，我们就可以使用 don2case 将驼峰命名法转为短横线命名法了。在代码中引入 don2case 模块，然后调用其 toDash 方法即可。例如，我们想要将 "fontSize" 转为 "font-size"，可以这样写：
const don2case = require('don2case');
const cssProp = 'fontSize';
const cssPropDash = don2case.toDash(cssProp);
console.log(cssPropDash); // 输出: "font-size"如果我们要转换一个对象的多个属性名，可以使用 Object.keys() 方法和 Array.reduce() 方法。例如，对于下面这个对象：
const cssObj = {
fontSize: '16px',
backgroundColor: '#eee',
borderColor: 'blue',
borderRadius: '5px'
};我们想要将其中的所有属性名都转换为短横线命名法，可以这样写：
-- -------------------- ---- ------- ----- ---------- - -------------------------------- ---- -- -- ------- ----------------------- ----------- --- ---- ------------------------ -- --- - -- ------------ ------- -- ------------------- ------- -- --------------- ------- -- ---------------- ----- -- -
这样，我们就可以方便地将一个对象中的多个属性名转为短横线命名法了。
don2case 与 CSS 样式表
don2case 在 CSS 样式表中使用尤为广泛。例如，我们有一个这样的样式表：
.box {
width: 200px;
height: 200px;
background-color: #eee;
border: 1px solid blue;
borderRadius: 5px
}在这个样式表中，有一个属性 borderRadius 使用了驼峰命名法。我们可以使用 don2case.toDash() 方法将它转换为短横线命名法：
.box {
width: 200px;
height: 200px;
background-color: #eee;
border: 1px solid blue;
border-radius: 5px;
}这样就可以更方便地阅读和管理 CSS 样式表了。
总结
don2case 是一款非常常用的 npm 包，在前端开发中尤为常见。它能够将驼峰命名法转为短横线命名法，从而方便地修改和管理 CSS 样式表中的代码。希望本文介绍的 don2case 使用教程可以对你有所帮助。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60055fec81e8991b448ddab9