پکیج های لازم برای استفاده در یک پروژه انگولار Angular

3/5/2020 MVC
241

یک پروژه انگولار ایجاد کردم و پکیج ها رو نصب کردم لیست پکیجها برای من اینچنین بود 

npm i --save bootstrap jquery popper.js chart.js animate.css ngx-toastr @laylazi/bootstrap-rtl @angular/flex-layout @angular/cdk ng2-charts hammerjs


ng add @angular/material 

npm i -S @ngx-share/core @ngx-share/button @ngx-share/buttons @angular/cdk
npm i -S @fortawesome/fontawesome-svg-core @fortawesome/angular-fontawesome @fortawesome/free-solid-svg-icons @fortawesome/free-brands-svg-icons


ng add @nguniversal/express-engine

بعد از اینکه این پکیج ها رو نصب کردین لازم است برای نصب فایل angular.json  در روت پروژه انگولار رو باز کرده و در قسمت styles: , scripts این فایلها رو جای گذاری کنید

   "styles": [    "./node_modules/@angular/material/prebuilt-themes/indigo-pink.css",
              "node_modules/bootstrap/dist/css/bootstrap.min.css",
              "node_modules/@laylazi/bootstrap-rtl/dist/css/bootstrap-rtl.css",
              "node_modules/chart.js/dist/Chart.min.css",
              "node_modules/animate.css/animate.min.css",
              "node_modules/ngx-toastr/toastr.css",
              "src/styles.scss"
            ],
            "scripts": [
              "node_modules/jquery/dist/jquery.min.js",
              "node_modules/bootstrap/dist/js/bootstrap.min.js",
              "node_modules/chart.js/dist/chart.min.js"
            ]

خط اول امکان استفاده از تم پیشفرض انگولار متریال را فراهم میکند که در زمان اضافه کردن انگولار متریال به صورت اتوماتیک در این قسمت اضافه خواهد شد (توضیح بیشتر در این پست)

این پکیج ها را به روز خواهم کرد و برای تک تک آنها توضیح خواهم نوشت

دو پکیج ngx-share برای یک دکمه اشتراک در صفحه بود که از سایت https://murhafsousli.github.io/ میتوانید مستندات آن راببینید

پکیج 

ng add @nguniversal/express-engine

برای رندر کردن برنامه انگولار در سمت سرور هست و اینکه چرا از این تکنولوژی استفاده کنیم را در این لینک بخوانید

 

آپدیت 99/3/4

اضافه کردن hammer.js به پروژه

اگر مایل بودید angular material  رو به پروژه خود اضافه کنید برای اینکه بتوانید از 

mat-side-toggle, mat-slider, matTooltip

به صورت کامل استفاده کنید و یا از این امکانات در گوشی همراه به عنوان responsive  استفاده کنید لازم است تا با دستور زیر hammer  را نصب کنید، (hammer)  به صورت local  نصب میشود و به صورت global  نصب نمیشود

npm install --save hammer.js

البته این پکیج در ابتدای همین مقاله به لیست پکیجها اضافه شده است اگر پکیج کامل را نصب کردید دیگر لازم نیست ای دستور را اجرا کنید.