๐Ÿš€ Angular 14 + ESLint, Material + Transloco + Jest, TestCafe + Docker + Prettier ๐Ÿš€

3542 ๋‹จ์–ด angularjavascripttypescriptwebdev
์ด๊ฒƒ์€ ๋‹น์‹ ์ด ์ฐพ๊ณ  ์žˆ๋Š” Angular 14 ์Šคํƒ€ํ„ฐ ํ”„๋กœ์ ํŠธ์ž…๋‹ˆ๋‹ค!

GitHub



https://github.com/wlucha/angular-starter

ํŠน์ง•



โœ… Angular 14
โœ… Angular Material
โœ… Jest์œผ๋กœ ๋‹จ์œ„ ํ…Œ์ŠคํŠธ
โœ… TestCafรฉ์„ ์‚ฌ์šฉํ•œ ์ข…๋‹จ ๊ฐ„ ํ…Œ์ŠคํŠธ
โœ… ๊ตญ์ œํ™” Transloco
โœ… Compodoc์œผ๋กœ ์ž๋™ ๋ฌธ์„œํ™”
โœ… source-map-explorer์œผ๋กœ ํ”„๋กœ์ ํŠธ ๋ถ„์„
โœ… Docker
โœ… ESLint
โœ… Prettier
โœ… Commit Linting

๋ฐ๋ชจ





์„ค์ •




# Clone the project
$ git clone https://github.com/wlucha/angular-starter
$ cd angular-starter

# Install dependencies
$ npm install

# Start server
$ npm run start

# Open in browser: http://localhost:4200


๋„์ปค ๋ฐฐํฌ




# Build Docker image
$ docker build . -t angular-starter

# Run Docker Container
$ docker run -p 3000:80 angular-starter


๋„์ปค ํ—ˆ๋ธŒ



https://hub.docker.com/r/wlucha/angular-starter

๋ช…๋ น


  • npm run start - ์•ฑ ์‹œ์ž‘
  • npm run lint - ํ”„๋กœ์ ํŠธ ๋ฆฐํŠธ
  • npm run test - ๋‹จ์œ„ ํ…Œ์ŠคํŠธ ์‹คํ–‰
  • npm run build - ํ”„๋กœ์ ํŠธ ๋นŒ๋“œ
  • npm run build:prod - ํ”„๋กœ๋•์…˜ ๋ชจ๋“œ์—์„œ ํ”„๋กœ์ ํŠธ ๋นŒ๋“œ
  • npm run build:prod:stats - ํ†ต๊ณ„๊ฐ€ ์žˆ๋Š” ์ œํ’ˆ ๋ชจ๋“œ์—์„œ ํ”„๋กœ์ ํŠธ ๋นŒ๋“œ
  • npm run analyse - webpack-bundle-analyzer์œผ๋กœ ๋ฒˆ๋“ค ๋ถ„์„
  • npm run compodoc - compodoc ๋ฌธ์„œ ์ƒ์„ฑ
  • npm run changelog - ๋ณ€๊ฒฝ ๋กœ๊ทธ ์ƒ์„ฑ
  • npm run prettier - ์ „์ฒด ํ”„๋กœ์ ํŠธ ํ˜•์‹ ์ง€์ •

  • GitHub
    https://github.com/wlucha/angular-starter

    ์ข‹์€ ์›นํŽ˜์ด์ง€ ์ฆ๊ฒจ์ฐพ๊ธฐ