Node

【オプション】 Node.js

インストール

Prettier の一括実行など各種コマンドを実行するために、Npde.js をインストールしましょう。 次の URL からインストーラーをダウンロードしてください。基本的に LTS バージョンで十分です。

• ダウンロード

インストーラーをダブルクリックし、デフォルトのままインストールを完了させてください。

確認

次のコマンドでインストールが正常に完了していることを確認しましょう。 バージョンが表示されれば OK です。

node -v
npm -v

設定

いま VS Code で開いている「VSCodeQuickstart」プロジェクトのルートに「package.json」ファイルを新規作成してください。

package.json

{
  "name": "vscode-quickstart",
  "version": "1.0.0",
  "scripts": {
    "lint": "npm run lint:lwc && npm run lint:aura",
    "lint:aura": "eslint **/aura/** || true",
    "lint:lwc": "eslint **/lwc/** || true",
    "prettier": "prettier --loglevel log --write '**/*.{component,css,cls,cmp,html,js,json,md,page,trigger}'",
    "rebuild": "rm -rf node_modules && rm package-lock.json && npm cache clean --force && rm -rf ~/.npm && npm install",
    "test": "npm run lint && npm run test:unit",
    "test:unit": "npm run test:unit:apex",
    "test:unit:apex": "sfdx force:apex:test:run --apiversion 46.0 -c -l RunLocalTests -y --verbose -r human || true"
  },
  "devDependencies": {
    "@salesforce/eslint-config-lwc": "0.3.0",
    "@salesforce/eslint-plugin-aura": "1.2.0",
    "eslint": "6.3.0",
    "husky": "3.0.4",
    "lint-staged": "9.2.5",
    "prettier": "1.18.2",
    "prettier-plugin-apex": "1.0.0-rc.6"
  },
  "husky": {
    "hooks": {
      "pre-commit": "lint-staged"
    }
  },
  "lint-staged": {
    "**/*.{component,css,cls,cmp,html,js,json,md,page,trigger}": [
      "prettier --write"
    ],
    "**/lwc/**": ["eslint"],
    "**/aura/**": ["eslint"],
    "*": ["git add"]
  }
}

モジュールのバージョンアップ

以下のコマンドを実行して、モジュールのバージョンを最新化しましょう。

npm install --save-dev --save-exact \
@salesforce/eslint-config-lwc \
@salesforce/eslint-plugin-aura \
eslint \
husky \
lint-staged \
prettier \
prettier-plugin-apex

---

👈 前に戻る | 次に進む 👉