npm 包 Ember-suave 使用教程

Ember-suave 是一个适用于 Ember.js 的 JavaScript 代码风格规则。它提供了一组主张 JavaScript 代码风格的指南。本文将介绍如何使用该 npm 包。

安装

首先，你需要在你的项目中安装 Ember-suave。可以使用 npm 或者 yarn 进行安装。

npm install ember-suave --save-dev

或者

yarn add ember-suave --dev

用法

可以在你的 package.json 文件中添加如下命令：

"scripts": {
  "lint": "ember-suave ./**/*.js"
}

将以上命令添加至文件中后，可以使用如下命令进行检查：

npm run lint

该命令将对项目中的所有 JavaScript 文件进行语法检查。当有不符合规范的代码时，命令行输出提示信息并且报错。你可以手动修复这些问题或采用现有工具自动修复部分问题。

另外，在某些编辑器中，也可以使用其他工具，如 eslint、jshint 或者 jscs 检查语法规范。

Ember addon

如果你在使用 Ember Addon，那么也可以在ember-cli-build.js中添加以下代码：

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

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

可以在ember-suave中设置exclude命令以忽略特定的文件或文件夹。例如，在示例代码中，我们忽略了lib和vendor文件夹以及test-support文件夹。

使用 VS Code 进行检查

在 VS Code 中，可以通过安装以下插件来检查代码规范：JavaScript Standard Style。

如果已安装该插件，可以在 VS Code 的设置中找到并启用它。

{
    "standard.autoFixOnSave": true,
    "standard.enable": true,
    "files.autoSave": "onFocusChange"
}

以上设置表示每次代码保存时都会自动修复一部分问题（根据计算机性能不同，可能需要几秒钟时间）。同时，还可以在 VS Code 的活动面板中看到执行结果，并根据错误行号跳转到相应的代码错误行。

结束语

Ember-suave 是一个非常方便的工具，可以减少代码错误，提高代码风格规范性。希望本文对你有所帮助，同时也可以在你的前端开发过程中使用它。

示例代码：

/*
 * Wrap multiline strings in template strings.
 */
var text = ` 
           hello
           world`;

var foo = 1;
let baz = 'baz';
if (true) {
  var foo = 2;        // this is fine
  let baz = 'bam';    // this is also fine
}

var foo = [];
for (let i = 0; i < 5; i++) {
  foo[i] = i;
}

来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/5f50b66e8250f93ef8900380