روش نصب Angular روی اوبونتو 24.04

یک پلت فرم جاوا اسکریپت با دسترسی آزاد برای ایجاد برنامه های پویا Angular.js نام دارد. این شما را قادر می سازد تا با گسترش نحو HTML هنگامی که به عنوان زبان قالب خود استفاده می شود، هر جنبه از برنامه خود را به سرعت و بدون ابهام نشان دهید. مجموعه ای از ابزارها را برای نوشتن، به روز رسانی و آزمایش یک کد فراهم می کند. این مجموعه قابلیت های زیادی از جمله مسیریابی و مدیریت فرم را ارائه می دهد. این راهنما روش نصب Angular را مورد بحث قرار می دهد روی اوبونتو 24 با نصب Node.js.

به روز رسانی و ارتقاء سیستم

قبل از حرکت به سمت نصب، اجازه دهید ابتدا به‌روزرسانی سیستم را مرور کنیم. به روز رسانی سیستم اوبونتو 24 ضروری است زیرا باید اعمال شود روی نصب های جدید بدون هیچ مشکلی به زودی. بنابراین، ما از دستورالعمل به روز رسانی و ارتقاء در یک فرمان استفاده می کنیم که با کمک یک ابزار “apt” اجرا می شود.

پس از اجرای این دستورالعمل، سیستم فضای تنظیم شده را به ارتقا و به روز رسانی اختصاص می دهد process و از شما می خواهد با ضربه زدن روی “y” یا “n” آن را تایید کنید. بنابراین، برای تکمیل این به روز رسانی باید “y” را فشار دهید process همانطور که در زیر نشان داده شده است. پس از مدتی سیستم ما با موفقیت آپدیت و ارتقا می یابد.

Dependencies را نصب کنید

نصب Angular و Node.js بستگی دارد روی برخی از ابزارهای دیگر نیز این وابستگی ها عبارتند از git، wget، curl و بسیاری دیگر. بنابراین، ما باید آن وابستگی ها را از قبل نصب کنیم. برای نصب آن وابستگی ها، از همان ابزار “apt” در پوسته فرمان استفاده می کنیم و منتظر می مانیم تا همه وابستگی ها با موفقیت نصب شوند.

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

برنامه های Angular نمی توانند بدون Node.js که نیاز اولیه است کار کنند. بنابراین قبل از حرکت به سمت نصب Angular لازم است Node.js را نصب کنید روی اوبونتو 24. همچنین Node.js به NVM نیاز دارد command-line ابزار برای نصب آن بنابراین، ما از ابزار “curl” در قسمت استفاده می کنیم terminal پوسته برای نصب ابزار NVM ابتدا از مخزن رسمی Github. مشاهده می کنید که پس از اجرای این دستورالعمل، ابزار NVM دانلود و نصب شده است.

اکنون محیط NVM را فعال می کنیم روی سیستم لینوکس اوبونتو 24 نیز ضروری است. بنابراین، ما فایل “bashrc” را با استفاده از دستورالعمل منبع اجرا می کنیم تا سیستم بتواند اثرات برنامه NVM تازه نصب شده را دریافت کند و محیط را تنظیم کند.

پس از ایجاد یک محیط، سیستم اوبونتو 24 برای نصب Node.js آماده است روی پایان آن برای این کار از برنامه جدید نصب شده استفاده می کنیمnvm” ابزار در دستورالعمل های نصب استفاده شده در terminal پوسته. با استفاده از این دستورالعمل، آخرین نسخه Node.js 18 را نصب می کنیم روی سیستم اوبونتو ما همچنین، ابزار NVM نصب می کند node مدیر بسته به همراه Node.js. پردازش با دانلود و نصب شروع می شود node نسخه 18.19.1 از وب سایت رسمی. پس از آن، چک‌سوم را محاسبه می‌کند و یک نام مستعار پیش‌فرض ایجاد می‌کند.

پس از نصب موفقیت آمیز Node.js، باید تأیید کنیم که آن را در سیستم خود نصب و نصب کرده ایم. برای آن، ما باید نسخه نصب شده آن را با استفاده از دستور “نسخه” که با “شروع می شود” بررسی کنیم.node” کلمه کلیدی. همچنین، دستورالعمل نصب قبلی NVM، NPM (Node Package Manager) را به همراه Node.js نصب کرد. بنابراین باید به دنبال نسخه NPM نیز باشیم. خروجی هر دو دستور، نسخه هایی را که در تصویر پیوست شده زیر نشان داده شده است نشان می دهد:

Angular CLI را نصب کنید

زمان آن رسیده است که پس از نصب تمام وابستگی ها از جمله NPM و Node.js، مراحل نهایی را برای نصب رابط خط فرمان Angular انجام دهیم. برای این کار از NPM (node مدیر بسته) در داخل terminal پوسته اوبونتو 24.

می توانید استفاده کنید sudo حقوق اجرای این دستورالعمل نصب. این دستور شامل لینک بسته رسمی Angular CLI است. پرچم “-location” برای اضافه کردن Angular CLI در سطح جهانی برای سیستم اوبونتو 24 تنظیم شده است که برای همه کاربران در پلت فرم فعلی قابل دسترسی است.

اگر مدتی صبر کنید تا پردازش Angular CLI انجام شود، کمک خواهد کرد. پس از مدتی پردازش، بسته های Angular CLI اضافه شده و با موفقیت نصب می شوند. در عوض، خروجی تصویر شده زیر را دریافت خواهید کرد روی شما terminal صفحه ای که 232 بسته در 2 دقیقه اضافه شده است:

اکنون زمان تأیید نصب Angular CLI فرا رسیده است. همراه با دستور “ng” است که به اجرای دستورات کمک می کند روی CLI زاویه ای. بنابراین، اجازه دهید نسخه نصب شده دستور “ng” را جستجو کنیم. پس از پاسخ به برخی از سوالات روی با اجرای این دستور نسخه، خروجی زیر را دریافت خواهیم کرد که حاوی اطلاعات مربوط به نسخه Angular، Node، NPM و OS است. همچنین اطلاعات مربوط به بسته ها و نسخه های نصب شده آن ها در انتها نمایش داده می شود.

یک برنامه Angular ایجاد کنید

زمان استفاده از Angular CLI برای ایجاد یک برنامه Angular جدید است روی اوبونتو 24. درست مانند روش استفاده از دستورالعمل “ng” برای بررسی نسخه Angular CLI، از آن برای ایجاد یک برنامه جدید به نام “test” با کلمه کلیدی “new” نیز استفاده خواهیم کرد. اعدام با چند سوال پرسیده می شود. اگر به این سؤالات مطابق ترجیحات خود پاسخ دهید، کمک می کند و بسته های برنامه جدید شما با موفقیت نصب می شوند.

پس از مدتی، یک برنامه Angular جدید با نام “test” ایجاد می شود. یک دایرکتوری “تست” جدید در فهرست کاری ما ایجاد می شود که توسط خروجی پیوست زیر نشان داده شده است:

پس از ایجاد یک برنامه Angular “تست”، باید آن را نیز اجرا کنیم. برای این کار، در دایرکتوری “test” حرکت کنید و از ابزار “ng” برای اجرای دستور “serve” استفاده کنید.

همچنین می‌توانید از همین دستور برای تنظیم پورت 4200 برای تمام رابط‌های سیستم استفاده کنید host به عنوان 0.0.0.0.

نتیجه

این راهنما نشان می دهد که چگونه می توان از یک محیط Angular برای ایجاد هر برنامه ای استفاده کرد. با حمایت از این ایده، روش نصب Angular را نشان دادیم روی اوبونتو 24 پس از نصب و پیکربندی Node.js و NPM. در نهایت به تفصیل پرداختیم روی راهی برای ایجاد یک برنامه Angular در اوبونتو 24 با استفاده از Angular CLI.

برای نگارش بخشهایی از این متن ممکن است از ترجمه ماشینی یا هوش مصنوعی GPT استفاده شده باشد
لطفا در صورت وجود مشکل در متن یا مفهوم نبودن توضیحات، از طریق دکمه گزارش نوشتار یا درج نظر روی این مطلب ما را از جزییات مشکل مشاهده شده مطلع کنید تا به آن رسیدگی کنیم