{"id":72146,"date":"2024-08-04T11:48:45","date_gmt":"2024-08-04T08:18:45","guid":{"rendered":"https:\/\/nabfollower.com\/blog\/angular-18-cypress-material-transloco-jest-eslint-docker-prettier-2o39\/"},"modified":"2024-08-04T11:48:45","modified_gmt":"2024-08-04T08:18:45","slug":"angular-18-cypress-material-transloco-jest-eslint-docker-prettier-2o39","status":"publish","type":"post","link":"https:\/\/nabfollower.com\/blog\/angular-18-cypress-material-transloco-jest-eslint-docker-prettier-2o39\/","title":{"rendered":"\ud83d\ude80 Angular 18 + Cypress\u060c Material + Transloco + Jest\u060c EsLint + Docker + Prettier \ud83d\ude80"},"content":{"rendered":"

Summarize this content to 400 words in Persian Lang
\n \u0627\u06cc\u0646 \u06cc\u06a9 \u0627\u0633\u062a\u0627\u0631\u062a Angular 18 \u0628\u0627 \u0645\u0648\u0627\u062f\u060c Cypress\u060c Transloco\u060c Jest\u060c Compodoc\u060c Docker Support\u060c ESLint \u0648 Prettier \u0627\u0633\u062a.<\/p>\n

GitHub: https:\/\/github.com\/wlucha\/angular-starter<\/p>\n

\u2705 \u0632\u0627\u0648\u06cc\u0647 18\u2705 \u062c\u0646\u0633 \u0632\u0627\u0648\u06cc\u0647 \u0627\u06cc\u2705 \u062a\u0633\u062a \u0648\u0627\u062d\u062f \u0628\u0627 \u062c\u0633\u062a\u2705 \u062a\u0633\u062a \u0633\u0631\u062a\u0627\u0633\u0631\u06cc \u0628\u0627 \u0633\u0631\u0648\u2705 \u0628\u06cc\u0646 \u0627\u0644\u0645\u0644\u0644\u06cc \u0634\u062f\u0646 \u0628\u0627 Transloco\u2705 \u0645\u0633\u062a\u0646\u062f\u0633\u0627\u0632\u06cc \u062e\u0648\u062f\u06a9\u0627\u0631 \u0628\u0627 Compodoc\u2705 \u0628\u0627 Storybook \u0645\u062b\u0627\u0644 \u0647\u0627\u06cc \u062c\u0632\u0621 \u0627\u0631\u0627\u0626\u0647 \u062f\u0647\u06cc\u062f\u2705 \u067e\u0631\u0648\u0698\u0647 \u062e\u0648\u062f \u0631\u0627 \u0628\u0627 source-map-explorer \u062a\u062c\u0632\u06cc\u0647 \u0648 \u062a\u062d\u0644\u06cc\u0644 \u06a9\u0646\u06cc\u062f\u2705 \u062f\u0627\u06a9\u0631\u2705 ESLint\u2705\u0632\u06cc\u0628\u0627\u062a\u0631\u2705 \u06a9\u0627\u0645\u06cc\u062a \u0644\u06cc\u0646\u062a\u06cc\u0646\u06af\u2705 AuditJS \u0627\u06cc\u0646 \u0628\u0631\u0646\u0627\u0645\u0647 \u0631\u0627 \u0628\u0627 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 Sonatype OSS Index \u062d\u0633\u0627\u0628\u0631\u0633\u06cc \u06a9\u0646\u06cc\u062f\u2705 \u0627\u06cc\u062c\u0627\u062f \u062e\u0648\u062f\u06a9\u0627\u0631 CHANGELOG \u0628\u0627 \u062a\u063a\u06cc\u06cc\u0631 \u062e\u0648\u062f\u06a9\u0627\u0631<\/p>\n

\u0645\u0633\u062a\u0642\u0631 \u06a9\u0646\u06cc\u062f<\/p>\n

\u0646\u0635\u0628 \/ \u062a\u0648\u0633\u0639\u0647<\/p>\n

# Clone the project
\n$ git clone https:\/\/github.com\/wlucha\/angular-starter
\n$ cd angular-starter<\/p>\n

# Install dependencies
\n$ npm install<\/p>\n

# Start server
\n$ npm run start<\/p>\n

# Open in browser: http:\/\/localhost:4200<\/p>\n

\u0648\u0627\u0631\u062f \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0634\u0648\u06cc\u062f<\/p>\n

\u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/p>\n

\u0627\u0633\u062a\u0642\u0631\u0627\u0631 \u062f\u0627\u06a9\u0631<\/p>\n

# Build Docker image
\n$ docker build . -t angular-starter<\/p>\n

# Run Docker Container
\n$ docker run -p 3000:80 angular-starter<\/p>\n

\u0648\u0627\u0631\u062f \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0634\u0648\u06cc\u062f<\/p>\n

\u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/p>\n

\u062f\u0627\u06a9\u0631 \u0647\u0627\u0628<\/p>\n

https:\/\/hub.docker.com\/r\/wlucha\/angular-starter<\/p>\n

\u062f\u0633\u062a\u0648\u0631\u0627\u062a<\/p>\n

– `npm run start` – Start the app
\n– `npm run lint` – Lint the project
\n– `npm run test` – Run unit tests
\n– `npm run build` – Build the project
\n– `npm run build:prod` – Build the project in production mode
\n– `npm run build:prod:stats` – Build the project in product mode with stats
\n– `npm run analyse` – Analyse bundle with [webpack-bundle-analyzer](https:\/\/github.com\/webpack-contrib\/webpack-bundle-analyzer)
\n– `npm run compodoc` – Generate [compodoc](https:\/\/github.com\/compodoc\/compodoc) documentation
\n– `npm run version` – Generate changelog
\n– `npm run prettier` – Format the whole project
\n– `npm run audit` – Audit this application using Sonatype OSS Index<\/p>\n

\u0648\u0627\u0631\u062f \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0634\u0648\u06cc\u062f<\/p>\n

\u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/p>\n

\u0645\u062c\u0648\u0632<\/p>\n

\u0645\u062c\u0648\u0632 \u0645\u0646<\/p>\n

\u062d\u0642 \u0686\u0627\u067e (\u062c) 2024 \u0648\u06cc\u0644\u0641\u0631\u062f \u0644\u0648\u0686\u0627<\/p>\n

GitHub: https:\/\/github.com\/wlucha\/angular-starter<\/p>\n

\n

\u0627\u06cc\u0646 \u06cc\u06a9 \u0627\u0633\u062a\u0627\u0631\u062a Angular 18 \u0628\u0627 \u0645\u0648\u0627\u062f\u060c Cypress\u060c Transloco\u060c Jest\u060c Compodoc\u060c Docker Support\u060c ESLint \u0648 Prettier \u0627\u0633\u062a.<\/p>\n

GitHub: https:\/\/github.com\/wlucha\/angular-starter<\/strong><\/p>\n

\u2705 \u0632\u0627\u0648\u06cc\u0647 18
\u2705 \u062c\u0646\u0633 \u0632\u0627\u0648\u06cc\u0647 \u0627\u06cc
\u2705 \u062a\u0633\u062a \u0648\u0627\u062d\u062f \u0628\u0627 \u062c\u0633\u062a
\u2705 \u062a\u0633\u062a \u0633\u0631\u062a\u0627\u0633\u0631\u06cc \u0628\u0627 \u0633\u0631\u0648
\u2705 \u0628\u06cc\u0646 \u0627\u0644\u0645\u0644\u0644\u06cc \u0634\u062f\u0646 \u0628\u0627 Transloco
\u2705 \u0645\u0633\u062a\u0646\u062f\u0633\u0627\u0632\u06cc \u062e\u0648\u062f\u06a9\u0627\u0631 \u0628\u0627 Compodoc
\u2705 \u0628\u0627 Storybook \u0645\u062b\u0627\u0644 \u0647\u0627\u06cc \u062c\u0632\u0621 \u0627\u0631\u0627\u0626\u0647 \u062f\u0647\u06cc\u062f
\u2705 \u067e\u0631\u0648\u0698\u0647 \u062e\u0648\u062f \u0631\u0627 \u0628\u0627 source-map-explorer \u062a\u062c\u0632\u06cc\u0647 \u0648 \u062a\u062d\u0644\u06cc\u0644 \u06a9\u0646\u06cc\u062f
\u2705 \u062f\u0627\u06a9\u0631
\u2705 ESLint
\u2705\u0632\u06cc\u0628\u0627\u062a\u0631
\u2705 \u06a9\u0627\u0645\u06cc\u062a \u0644\u06cc\u0646\u062a\u06cc\u0646\u06af
\u2705 AuditJS \u0627\u06cc\u0646 \u0628\u0631\u0646\u0627\u0645\u0647 \u0631\u0627 \u0628\u0627 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 Sonatype OSS Index \u062d\u0633\u0627\u0628\u0631\u0633\u06cc \u06a9\u0646\u06cc\u062f
\u2705 \u0627\u06cc\u062c\u0627\u062f \u062e\u0648\u062f\u06a9\u0627\u0631 CHANGELOG \u0628\u0627 \u062a\u063a\u06cc\u06cc\u0631 \u062e\u0648\u062f\u06a9\u0627\u0631<\/p>\n

\n
\n

\u0641\u0647\u0631\u0633\u062a \u0645\u0637\u0627\u0644\u0628<\/p>\nToggle<\/span><\/path><\/svg><\/svg><\/span><\/span><\/span><\/a><\/span><\/div>\n