Skip to content

kitamuraDev/saizeriya-gacha

Repository files navigation

アプリケーションについて

使用技術

言語

Node.js TypeScript

パッケージマネージャー

npm

ライブラリ

Angular TailwindCSS

リンター・フォーマッター

ESLint Prettier

ホスティング

GithubPages

セットアップ

  1. git clone
  2. cdコマンドでプロジェクトへ移動
  3. npm install
  4. ng serve --open

ESLint / Prettier のセットアップ

  1. ng lint
    • Would you like to add ESLint now? (Y/n) -> Y
    • Would you like to proceed? (Y/n) -> Y
  2. ng lint(リントが走るか確認)
    • 「All files pass linting.」とログに出力されればOK
  3. npm install -D prettier eslint-config-prettier
  4. eslintrcのoverrides/extendsの末尾に"prettier"を追加
  5. .prettierrc.ymlを作成 && 以下をコピペ
printWidth: 120
singleQuote: true
trailingComma: all
  1. npm scripts にリンター・フォーマッターのコマンドを追加
    • "lint-fix": "eslint --cache --fix src/ && prettier --write src/"