Razvojno okolje PhpStorm (JetBrains) je priljubljeno orodje za spletne razvijalce, saj vključuje celotno funkcionalnost okolja WebStorm. To omogoča prvovrstno podporo za TypeScript in ogrodje Angular ter hkraten razvoj PHP zaledja (backend) in Angular uporabniškega vmesnika (frontend) znotraj enega samega okna. V tem članku si bomo ogledali pravilno namestitev orodij, izogibanje pogostim napakam ter prednosti uporabe PhpStorma.
Namestitev orodij in pomembna opozorila
Pred začetkom ustvarjanja Angular projektov moramo poskrbeti za ustrezno namestitev orodij ter pravo lokacijo na disku.
| Korak | Ukaz v terminalu | Namen |
|---|---|---|
| 1. Preverjanje Node.js | node -v |
Preveri, ali je okolje Node.js nameščeno in pripravljeno. |
| 2. Čiščenje predpomnilnika | npm cache clean --force |
Počisti predpomnilnik paketov za preprečitev napak ob namestitvi. |
| 3. Namestitev Angular CLI | npm install -g @angular/cli@18 |
Globalno namesti orodje Angular CLI za vodenje projektov. |
Opozorilo: Shranjevanje izključno na lokalni disk
Angular projekti ne smejo biti shranjeni znotraj sinhroniziranih map v oblaku (kot so Google Drive, OneDrive ali Dropbox).
- Težava z mapo node_modules: Angular ustvari več deset tisoč drobnih datotek, ki jih sinhronizacija v oblaku zaklene med namestitvijo, kar sproži sistemske napake (EPERM, EBADF).
- Pravilna rešitev: Projekt vedno shranite na lokalni pogon (npr.
C:\angular_projekti\). Varnostno kopijo na oblak shranite le kot stisnjen arhiv (ZIP) brez mapenode_modules.
Upravljanje projekta z vgrajenimi orodji PhpStorma
Vse ukaze za gradnjo in zagon izvajamo neposredno v integriranem terminalu PhpStorma (bližnjica Alt + F12).
# 1. Zagon lokalnega razvojnega strežnika ng serve # 2. Ustvarjanje nove komponente ng generate component komponente/moj-element # 3. Ustvarjanje nove storitve za API klice ng generate service storitve/moj-podatek
Ključne prednosti uporabe PhpStorma
PhpStorm ponuja napredno pametno dokončevanje kode (IntelliSense) za TypeScript in HTML predloge, takojšnje krmarjenje do definicij z držanjem tipke Ctrl, samodejni uvoz potrebnih modulov ter zanesljivo vsesplošno preimenovanje spremenljivk in komponent brez napak.