به آدرس زیر برید و Visual Studio Code رو دانلود کنید.
فکر می کنم حجمش حدودا 50 مگ باشه:
بعد از اینکه VS Code رو نصب کردید واردش بشید و دکمه های Ctrl+Shilt+` رو همزمان بزنید تا ترمینال باز بشه!
دقت کنید که منظورم از دکمه ی ` همون دکمه ی بالای tab هست !
خب.
بعد از اینکه سه تا دکمه روز زدید یک ترمینال شبیه عکس زیر باز میشه:
متنی که توی لینک زیر گذاشتم رو کپی کنید و داخل ترمینال پیست کنید.
با این کار ابزار های خوبی روی Vs Code اضافه میشه که روند کارتون رو ساده تر می کنه.(کم کم توضیح میدم چکار می کنن)
اگه نخواستید هم می تونید فعلا این اکستنشن ها رو نصب نکنید.
نرم افزار Node رو از لینک زیر دانلود و نصب کنید. حدودا 10 مگابایته.
وقتی نصب Node تموم شد باید مطمئن بشیم که Node درست نصب شده. برای اینکار وارد VS Code بشید و دکمه های Ctrl+Shilt+` بزنید تا ترمینال باز بشه.
داخل ترمینال دستور زیر رو بزنید:
node -v
node یعنی دارم نرم افزار node رو صدا می زنم.
-v هم ینی آقای نرم افزار node ! اگر اونجا هستی نسخه ی خودتو بهم نشون بده !
با این کار نسخه نرم افزار Node ای که نصب کردید رو به شما نشون میده.
خب داخل همون ترمینال دستور زیر رو بزنید تا انگولار نصب بشه:
npm install -g @angular/cli
npm یعنی من دارم نرم افزار npm رو صدا می زنم.
install یعنی آقای نرم افزار npm ! لطفا برام نصب کن!
-g یعنی به طور globaly این کارو انجام بده!نه فقط تو پوشه ی جاری!
@angular/cli هم یعنی رابط دستوری انگولار.
و همه این ها باهم یعنی انگولار رو به طور کامل نصب کن.
یه کم ممکنه طول بکشه .
بعد از اینکه نصب انگولار تموم شد باید یک پروژه بسازیم.
داخل نرم افزار Vs Code به منوی File برید. OpenFolder رو بزنید و یک
وشه رو انتخاب کنید تا پروژه جدید رو داخلش بسازه.
بعد از انتخاب فولدر، برای ساخت پروژه جدید کار دستور زیر رو توی ترمینال بزنید :
ng new my-app
اسم پروژه شما my-app هست.
new یعنی پروژه جدید
ng هم یعنی انگولار.
و همه اینها با هم یعنی یک پروژه جدید انگولار به نام my-app برای من بساز!
بعد از اینکه دستور رو وارد کردید دو تا سوال ازتون می پرسه. اولی رو با y جواب بدید. دومی رو از توی گزینه ها ، scss انتخاب کنید.
یه کمی صبر کنید تا پروژه جدید رو بسازه.
بعد از اینکه ساخت دستور زیر رو توی ترمینال بزنید که بره توی مسیر پروژه جدید :
cd my-app
cd یعنی Change Directory. یعنی مسیر پوشه رو عوض کن.
my-app هم اسم پروژه شماست. که در حقیقت یه پوشه به نام پروژه شما ساخته و میگه برو تو اون پوشه.
حالا دستور زیر رو توی ترمینال بزنید تا اولین پروژه شما تو مرورگر نشون داده بشه (:
ng serve --open
ng یعنی انگولار
serve یعنی انگولار رو روی Node راه اندازی کن.
--open هم یعنی بعد از اینکه راه اندازی کردی، از توی مرورگر بازش کن تا ببینیم اش (:
اینجوری!
درباره این سایت