当你在编写前端代码时，你可能会遇到代码中有不规范的引号或引号使用不一致的问题。 这看起来很不好， 尤其是当你在与团队协作或开源社区进行合作时。令人欣慰的是，有一个名为 eslint-plugin-smart-quotes 的npm包能够帮助你解决这个问题。
简介
eslint-plugin-smart-quotes 是一个使用 eslint 插件的 npm 包，它可以检查你的代码中引号的问题。它可以检查引号的使用是否遵循行内引号的一致性，使用的引号是否是曲线引号而不是直引号。它还可以检查文本中文字符的标点符号是否符合标准中文语法。
安装：
使用npm进行安装
--- ------- --------------------------
使用yarn进行安装
---- --- --------------------------
配置
这个插件可以作为eslint的插件。 你需要在你的eslintrc文件中添加这个插件的配置。
例如：
-
---------- -
--------------
--
-------- -
---------------------------- -
-
-你可以根据你的需求调整规则的等级。 这里我们把规则设置为2所以会导致在不遵守引号一致性限制时出现编译错误。
示例
例如， 我们创建一个简单的 JavaScript 文件示例， 并添加一些错误的引号和标点符号使用。 在默认情况下，eslint无法检测引号和标点符号的问题， 但是我们可以使用 eslint-plugin-smart-quotes来检测它。
示例代码：
----- ------- - ----- -- - ------- ---- ----- ------ --- ----- ------------ ---------------------
在这个示例代码中， 我们使用了曲线引号而不是直引号来包含字符串值， 同时我们还使用了错误的标点符号。 这里曲线引号和文本中文字符的标点符号都是通过使用 eslint-plugin-smart-quotes 来检测的。
运行 ESLint 程序来检查问题，运行命令：
------ ---------
运行之后， 输出的结果应该如下所示:
---- ----- ------- - ---- - ------------------------- ---- ----- ------- - ---- - ------------------------- ---- ----- --- ------ -- ------------- -------------------------
之后， 我们可以按照指示消息来修复代码。我们可以将所有的引号替换为通用字符。 我们还可以将 ‘,’ 进行替换为 ‘，’ 以满足中文标点符号的实际使用规则。
此外， 你也可以使用此扩展程序来检查你编写代码的风格是否规范。 代码的一致性可以使你和你的团队在开发过程中更加有效。 为了有效地使用 eslint-plugin-smart-quotes， 请在你的项目中使用它并制定一些代码规范。
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/600557e281e8991b448d4f16