آموزش نصب Angular CLI (انگولار) در لینوکس

آموزش نصب Angular CLI (انگولار) در لینوکس

علی مرادی

Angular یک چارچوب توسعه برنامه فرانت اند منبع باز ، محبوب و بسیار گسترده است که برای ساخت برنامه های موبایل و وب با استفاده از TypeScript / JavaScript و سایر زبانهای رایج استفاده می شود. Angular یک اصطلاح چتر برای تمام نسخه های Angular است که بعد از AngularJS (یا Angular نسخه ۱٫۰) شامل Angular 2 و Angular 4 آمده است.

Angular برای ساختن برنامه های کوچک و بزرگ از ابتدا مناسب است. یکی از مؤلفه های اصلی سکوی Angular برای کمک به توسعه برنامه کاربردی Angular CLI است – این یک ابزار ساده و آسان برای استفاده در خط فرمان است که برای ایجاد ، مدیریت ، ساخت و آزمایش برنامه های زاویه ای استفاده می شود.

در این مقاله نحوه نصب ابزار خط فرمان Angular را روی سیستم لینوکس توضیح خواهیم داد و برخی از نمونه های اساسی این ابزار را یاد می گیریم.

در ادامه با ما در شتابان هاست همراه باشید.

نصب Node.js در لینوکس:

برای نصب Angular CLI ، باید آخرین نسخه Node.js و NPM را در سیستم لینوکس خود نصب کنید.

نصب Node.js در اوبونتو:

sudo curl -sL https://deb.nodesource.com/setup_12.x | sudo -E bash - [for Node.js version 12]
sudo curl -sL https://deb.nodesource.com/setup_11.x | sudo -E bash - [for Node.js version 11]
sudo curl -sL https://deb.nodesource.com/setup_10.x | sudo -E bash - [for Node.js version 10]
sudo apt install -y nodejs

نصب Node.js در دبیان:

curl -sL https://deb.nodesource.com/setup_12.x | bash - [for Node.js version 12]
curl -sL https://deb.nodesource.com/setup_11.x | bash - [for Node.js version 11]
curl -sL https://deb.nodesource.com/setup_10.x | bash - [for Node.js version 10]
apt install -y nodejs

نصب Node.js در CentOS/RHEL و Fedora:

curl -sL https://rpm.nodesource.com/setup_12.x | bash - [for Node.js version 12]
curl -sL https://rpm.nodesource.com/setup_11.x | bash - [for Node.js version 11]
curl -sL https://rpm.nodesource.com/setup_10.x | bash - [for Node.js version 10]
yum -y install nodejs
dnf -y install nodejs [On RHEL 8 and Fedora 22+ versions]

همچنین ، برای تهیه و نصب افزونه های بومی از NPM ممکن است نیاز به نصب ابزارهای توسعه بر روی سیستم خود به شرح زیر داشته باشید.

sudo apt install -y build-essential  [On Debian/Ubuntu]
yum install gcc-c++ make             [On CentOS/RHEL]
dnf install gcc-c++ make             [On RHEL 8/Fedora 22+]

نصب Angular CLI در لینوکس:

پس از نصب Node.js و NPM ، همانطور که در بالا نشان داده شده است ، می توانید Angular CLI را با استفاده از مدیر بسته npm به شرح زیر نصب کنید (پرچم -g به معنای نصب ابزار وسیع در سیستم است که توسط همه کاربران سیستم مورد استفاده قرار می گیرد).

npm install -g @angular/cli
یا
sudo npm install -g @angular/cli

آموزش نصب Angular CLI (انگولار) در لینوکس

شما می توانید Angular CLI را با استفاده از ng اجرایی که اکنون باید روی سیستم شما نصب شود ، راه اندازی کنید. برای بررسی نسخه Angular CLI نصب شده ، دستور زیر را اجرا کنید.

ng --version

آموزش نصب Angular CLI (انگولار) در لینوکس

ایجاد یک پروژه Angular با استفاده از Angular CLI:

در این بخش نحوه ایجاد ، ساخت و سرویس یک پروژه جدید و اساسی Angular را نشان خواهیم داد. ابتدا وارد دایرکتوری webroot سرور خود شوید ، سپس یک برنامه Angular جدید را به شرح زیر تنظیم کنید (به یاد داشته باشید که پیگیری ها را دنبال کنید):

cd /var/www/html/
ng new tecmint-app			as root
یا
sudo ng new tecmint-app		non-root user

آموزش نصب Angular CLI (انگولار) در لینوکس

در مرحله بعد ، به فهرست برنامه ای که به تازگی ایجاد شده است بروید و همانطور که نشان داده شده است ، برنامه را ارائه دهید.

cd tecmint-app
ls 			list project files
ng serve

آموزش نصب Angular CLI (انگولار) در لینوکس

قبل از دسترسی به برنامه جدید خود از یک مرورگر وب ، اگر سرویس فایروال در حال اجرا است ، باید همانطور که نشان داده شده است ، درگاه ۴۲۰۰ را در پیکربندی فایروال باز کنید.

---------- On CentOS/RHEL/Fedora ---------- 
firewall-cmd --permanent --zone=public --add-port=4200/tcp 
firewall-cmd --reload

---------- On Ubuntu/Debian ----------
sudo ufw allow 4200/tcp
sudo ufw reload

اکنون می توانید یک مرورگر وب را باز کرده و با استفاده از آدرس زیر حرکت کنید تا برنامه جدید را مطابق تصویر زیر مشاهده کنید.

http://localhost:4200/ 
یا
http://SERVER_IP:4200

توجه: اگر از دستور ng برای ساختن یک برنامه استفاده می کنید و به صورت لوکال به آن سرویس می دهید ، همانطور که در بالا نشان داده شده است ، سرور به طور خودکار برنامه را مجدداً بازسازی می کند و هنگام تغییر هر یک از فایل های منبع ، صفحه (های) را دوباره بارگذاری می کنید.

برای کسب اطلاعات بیشتر در مورد ابزار ng ، دستور زیر را اجرا کنید.

ng help

در این مقاله ، ما نحوه نصب Angular CLI در توزیع های مختلف لینوکس را نشان داده ایم. ما همچنین نحوه ساخت ، کامپایل و سرور یک برنامه اولیه Angular را در یک سرور توسعه پوشش داده ایم.

امیدوارم این مقاله براتون مفید بوده باشه.

ما رو تو شتابان هاست دنبال کنید. 🙂

برچسب ها: Command SSh توزیع های لینوکس