Skip to main content
Glama

Angular CLI MCP μ„œλ²„ πŸ…°οΈ

Angular CLI 및 μž‘μ—… 곡간 μžλ™ν™” κΈ°λŠ₯을 μ œκ³΅ν•˜λŠ” λͺ¨λΈ μ»¨ν…μŠ€νŠΈ ν”„λ‘œν† μ½œ μ„œλ²„μž…λ‹ˆλ‹€. 이 μ„œλ²„λ₯Ό 톡해 LLMκ³Ό μ—μ΄μ „νŠΈλŠ” Angular ν”„λ‘œμ νŠΈμ™€ μƒν˜Έ μž‘μš©ν•˜κ³ , μ»΄ν¬λ„ŒνŠΈ/μ„œλΉ„μŠ€λ₯Ό μƒμ„±ν•˜κ³ , νŒ¨ν‚€μ§€λ₯Ό μΆ”κ°€ν•˜κ³ , μƒˆ μž‘μ—… 곡간을 μƒμ„±ν•˜κ³ , Angular CLIλ₯Ό 톡해 μ‚¬μš©μž μ§€μ • μ•„ν‚€ν…νŠΈ λŒ€μƒμ„ μ‹€ν–‰ν•  수 μžˆμŠ΅λ‹ˆλ‹€.

νŠΉμ§•

  • ng generate μ‹€ν–‰ν•˜μ—¬ Angular μ•„ν‹°νŒ©νŠΈ(κ΅¬μ„±μš”μ†Œ, μ„œλΉ„μŠ€ λ“±)λ₯Ό μŠ€μΊν΄λ”©ν•©λ‹ˆλ‹€.

  • Angular μž‘μ—… 곡간에 νŒ¨ν‚€μ§€λ₯Ό μΆ”κ°€ν•˜λ €λ©΄ ng add μ‹€ν–‰ν•˜μ„Έμš”.

  • ng new μ‹€ν–‰ν•˜μ—¬ μƒˆλ‘œμš΄ Angular μž‘μ—… 곡간을 λ§Œλ“­λ‹ˆλ‹€.

  • μ‚¬μš©μž μ •μ˜ μ•„ν‚€ν…νŠΈ λŒ€μƒμ„ μ‹€ν–‰ν•˜λ €λ©΄ ng run μ‹€ν–‰ν•˜μ„Έμš”.

  • ng update μ‹€ν–‰ν•˜μ—¬ Angular νŒ¨ν‚€μ§€ 및 쒅속성을 μ—…λ°μ΄νŠΈν•©λ‹ˆλ‹€.

  • λͺ¨λ“  것은 μ—μ΄μ „νŠΈ/LLM 톡합을 μœ„ν•œ MCP(λͺ¨λΈ μ»¨ν…μŠ€νŠΈ ν”„λ‘œν† μ½œ)λ₯Ό 톡해 μ΄λ£¨μ–΄μ§‘λ‹ˆλ‹€.

Related MCP server: mcp-server-docker

μ„€μΉ˜

npm을 μ‚¬μš©ν•˜μ—¬ νŒ¨ν‚€μ§€λ₯Ό μ „μ—­μ μœΌλ‘œ μ„€μΉ˜ν•  수 μžˆμŠ΅λ‹ˆλ‹€.

μ§€μ—‘μŠ€ν”Ό1

λ˜λŠ” ν”„λ‘œμ νŠΈμ—μ„œ 둜컬둜 μ‚¬μš©ν•˜μ„Έμš”.

npm install --save-dev @talzach/mcp-angular-cli

μš©λ²•

μ„œλ²„λ₯Ό 직접 μ‹€ν–‰ν•  수 μžˆμŠ΅λ‹ˆλ‹€:

npx @talzach/mcp-angular-cli

λ˜λŠ” μ—μ΄μ „νŠΈλ‚˜ λ„κ΅¬μ—μ„œ μ‚¬μš©μž μ •μ˜ MCP μ„œλ²„λ‘œ μ‚¬μš©ν•˜λ €λ©΄ λ‹€μŒκ³Ό 같이 κ΅¬μ„±ν•˜μ„Έμš”.

MCP ꡬ성 예

{ "mcpServers": { "angular-cli": { "command": "npx", "args": ["-y", "@talzach/mcp-angular-cli"] } } }

도ꡬ μ‚¬μš© μ˜ˆμ‹œ

  • ꡬ성 μš”μ†Œλ₯Ό μƒμ„±ν•©λ‹ˆλ‹€.

    { "schematic": "component", "name": "my-component", "appRoot": "/absolute/path/to/your/angular/project" }
  • νŒ¨ν‚€μ§€ μΆ”κ°€:

    { "package": "@angular/material", "appRoot": "/absolute/path/to/your/angular/project" }
  • μƒˆλ‘œμš΄ μž‘μ—… 곡간을 λ§Œλ“œμ„Έμš”:

    { "name": "my-workspace", "directory": "/absolute/path/to/where/you/want/it" }
  • μ‚¬μš©μž μ •μ˜ μ•„ν‚€ν…νŠΈ λŒ€μƒμ„ μ‹€ν–‰ν•©λ‹ˆλ‹€.

    { "target": "app:build:production", "appRoot": "/absolute/path/to/your/angular/project" }

μœ μš©ν•˜λ‹€κ³  μƒκ°λ˜λ©΄ 이 μ €μž₯μ†Œμ— λ³„ν‘œλ₯Ό ν‘œμ‹œν•΄ μ£Όμ„Έμš”!

npm에 κ²Œμ‹œν•˜κΈ°

이 νŒ¨ν‚€μ§€μ˜ μƒˆ 버전을 npm에 κ²Œμ‹œν•˜λ €λ©΄ λ‹€μŒμ„ μ‹€ν–‰ν•˜μ„Έμš”.

npm run publish-npm

μ΄λ ‡κ²Œ ν•˜λ©΄ ν”„λ‘œμ νŠΈκ°€ μžλ™μœΌλ‘œ λΉŒλ“œλ˜μ–΄ 곡개 νŒ¨ν‚€μ§€λ‘œ κ²Œμ‹œλ©λ‹ˆλ‹€.

κ°œλ°œν•˜λ‹€

이 μ„œλ²„λ₯Ό λ‘œμ»¬μ—μ„œ ν…ŒμŠ€νŠΈν•˜κ±°λ‚˜ κ°œλ°œν•˜λ €λ©΄ MCP μ„œλ²„ ꡬ성을 둜컬 λΉŒλ“œ 좜λ ₯으둜 μ§€μ •ν•΄μ•Ό ν•©λ‹ˆλ‹€. ν”„λ‘œμ νŠΈλ₯Ό λΉŒλ“œν•œ ν›„(예: npm run build ), MCP μ„œλ²„ 파일(예: .mcp.json λ˜λŠ” 이와 μœ μ‚¬ν•œ 파일)이 둜컬 dist/index.js νŒŒμΌμ„ μ‚¬μš©ν•˜λ„λ‘ μ„€μ •ν•©λ‹ˆλ‹€.

{ "angular-cli": { "command": "node", "args": ["/path/to/your/mcp-angular-cli/dist/index.js"] } }
Install Server
A
security – no known vulnerabilities
A
license - permissive license
A
quality - confirmed to work

Latest Blog Posts

MCP directory API

We provide all the information about MCP servers via our MCP API.

curl -X GET 'https://glama.ai/api/mcp/v1/servers/talzach/mcp-angular-cli'

If you have feedback or need assistance with the MCP directory API, please join our Discord server