Angular یک چارچوب توسعه برنامه فرانت اند منبع باز ، محبوب و بسیار گسترده است که برای ساخت برنامه های موبایل و وب با استفاده از TypeScript / JavaScript و سایر زبانهای رایج استفاده می شود. Angular یک اصطلاح چتر برای تمام نسخه های Angular است که بعد از AngularJS (یا Angular نسخه ۱٫۰) شامل Angular 2 و Angular 4 آمده است.
Angular برای ساختن برنامه های کوچک و بزرگ از ابتدا مناسب است. یکی از مؤلفه های اصلی سکوی Angular برای کمک به توسعه برنامه کاربردی Angular CLI است – این یک ابزار ساده و آسان برای استفاده در خط فرمان است که برای ایجاد ، مدیریت ، ساخت و آزمایش برنامه های زاویه ای استفاده می شود.
در این مقاله نحوه نصب ابزار خط فرمان Angular را روی سیستم لینوکس توضیح خواهیم داد و برخی از نمونه های اساسی این ابزار را یاد می گیریم.
در ادامه با ما در شتابان هاست همراه باشید.
برای نصب Angular CLI ، باید آخرین نسخه Node.js و NPM را در سیستم لینوکس خود نصب کنید.
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
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
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+]
پس از نصب Node.js و NPM ، همانطور که در بالا نشان داده شده است ، می توانید Angular CLI را با استفاده از مدیر بسته npm به شرح زیر نصب کنید (پرچم -g به معنای نصب ابزار وسیع در سیستم است که توسط همه کاربران سیستم مورد استفاده قرار می گیرد).
npm install -g @angular/cli یا sudo npm install -g @angular/cli
شما می توانید Angular CLI را با استفاده از ng اجرایی که اکنون باید روی سیستم شما نصب شود ، راه اندازی کنید. برای بررسی نسخه Angular CLI نصب شده ، دستور زیر را اجرا کنید.
ng --version
در این بخش نحوه ایجاد ، ساخت و سرویس یک پروژه جدید و اساسی Angular را نشان خواهیم داد. ابتدا وارد دایرکتوری webroot سرور خود شوید ، سپس یک برنامه Angular جدید را به شرح زیر تنظیم کنید (به یاد داشته باشید که پیگیری ها را دنبال کنید):
cd /var/www/html/ ng new tecmint-app as root یا sudo ng new tecmint-app non-root user
در مرحله بعد ، به فهرست برنامه ای که به تازگی ایجاد شده است بروید و همانطور که نشان داده شده است ، برنامه را ارائه دهید.
cd tecmint-app ls list project files ng serve
قبل از دسترسی به برنامه جدید خود از یک مرورگر وب ، اگر سرویس فایروال در حال اجرا است ، باید همانطور که نشان داده شده است ، درگاه ۴۲۰۰ را در پیکربندی فایروال باز کنید.
---------- 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 را در یک سرور توسعه پوشش داده ایم.
امیدوارم این مقاله براتون مفید بوده باشه.
ما رو تو شتابان هاست دنبال کنید. 🙂