ലിനക്സിൽ ആംഗുലർ CLI എങ്ങനെ ഇൻസ്റ്റാൾ ചെയ്യാം

ടൈപ്പ്uസ്uക്രിപ്റ്റ്/ജാവാസ്ക്രിപ്uറ്റും മറ്റ് പൊതു ഭാഷകളും ഉപയോഗിച്ച് മൊബൈൽ, വെബ് ആപ്ലിക്കേഷനുകൾ നിർമ്മിക്കുന്നതിന് ഉപയോഗിക്കുന്ന ഓപ്പൺ സോഴ്uസ്, ജനപ്രിയവും വളരെ വിപുലീകരിക്കാവുന്നതുമായ ഫ്രണ്ട്-എൻഡ് ആപ്ലിക്കേഷൻ ഡെവലപ്uമെന്റ് ചട്ടക്കൂടാണ് ആംഗുലർ. Angular 2, Angular 4 എന്നിവയുൾപ്പെടെ AngularJS (അല്ലെങ്കിൽ കോണീയ പതിപ്പ് 1.0) ന് ശേഷം വരുന്ന എല്ലാ കോണീയ പതിപ്പുകൾക്കുമുള്ള ഒരു കുട പദമാണ് Angular.

ആദ്യം മുതൽ ചെറുതും വലുതുമായ ആപ്ലിക്കേഷനുകൾ നിർമ്മിക്കുന്നതിന് കോണീയം അനുയോജ്യമാണ്. ആപ്ലിക്കേഷൻ ഡെവലപ്uമെന്റിനെ സഹായിക്കുന്നതിനുള്ള ആംഗുലർ പ്ലാറ്റ്uഫോമിന്റെ പ്രധാന ഘടകങ്ങളിലൊന്നാണ് ആംഗുലർ സിഎൽഐ യൂട്ടിലിറ്റി - ഇത് കോണീയ ആപ്ലിക്കേഷനുകൾ സൃഷ്ടിക്കുന്നതിനും നിയന്ത്രിക്കുന്നതിനും നിർമ്മിക്കുന്നതിനും പരീക്ഷിക്കുന്നതിനും ഉപയോഗിക്കുന്ന ലളിതവും ഉപയോഗിക്കാൻ എളുപ്പമുള്ളതുമായ കമാൻഡ്-ലൈൻ ഉപകരണമാണ്.

ഈ ലേഖനത്തിൽ, ഒരു ലിനക്സ് സിസ്റ്റത്തിൽ ആംഗുലർ കമാൻഡ്-ലൈൻ ടൂൾ എങ്ങനെ ഇൻസ്റ്റാൾ ചെയ്യാമെന്നും ഈ ടൂളിന്റെ ചില അടിസ്ഥാന ഉദാഹരണങ്ങൾ പഠിക്കാമെന്നും ഞങ്ങൾ വിശദീകരിക്കും.

ലിനക്സിൽ Node.js ഇൻസ്റ്റാൾ ചെയ്യുന്നു

Angular CLI ഇൻസ്റ്റാൾ ചെയ്യാൻ, നിങ്ങളുടെ Linux സിസ്റ്റത്തിൽ 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-ൽ നിന്ന് നേറ്റീവ് ആഡ്-ഓണുകൾ കംപൈൽ ചെയ്യാനും ഇൻസ്റ്റാൾ ചെയ്യാനും നിങ്ങളുടെ സിസ്റ്റത്തിൽ ഇനിപ്പറയുന്ന രീതിയിൽ ഡെവലപ്uമെന്റ് ടൂളുകൾ ഇൻസ്റ്റാൾ ചെയ്യേണ്ടതായി വന്നേക്കാം.

$ 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 ഉം ഇൻസ്റ്റാൾ ചെയ്തുകഴിഞ്ഞാൽ, മുകളിൽ കാണിച്ചിരിക്കുന്നതുപോലെ, നിങ്ങൾക്ക് ഇനിപ്പറയുന്ന രീതിയിൽ npm പാക്കേജ് മാനേജർ ഉപയോഗിച്ച് Angular CLI ഇൻസ്റ്റാൾ ചെയ്യാം (-g ഫ്ലാഗ് അർത്ഥമാക്കുന്നത് സിസ്റ്റം-വൈഡ് ടൂൾ ഇൻസ്റ്റാൾ ചെയ്യുക എന്നതാണ്. എല്ലാ സിസ്റ്റം ഉപയോക്താക്കളും).

# npm install -g @angular/cli
OR
$ sudo npm install -g @angular/cli

ng എക്സിക്യൂട്ടബിൾ ഉപയോഗിച്ച് നിങ്ങൾക്ക് ആംഗുലർ CLI സമാരംഭിക്കാം, അത് ഇപ്പോൾ നിങ്ങളുടെ സിസ്റ്റത്തിൽ ഇൻസ്റ്റാൾ ചെയ്യണം. ആംഗുലാർ സിഎൽഐ ഇൻസ്റ്റാൾ ചെയ്ത പതിപ്പ് പരിശോധിക്കാൻ ഇനിപ്പറയുന്ന കമാൻഡ് പ്രവർത്തിപ്പിക്കുക.

# ng --version

കോണീയ CLI ഉപയോഗിച്ച് ഒരു കോണീയ പ്രോജക്റ്റ് സൃഷ്ടിക്കുന്നു

ഈ വിഭാഗത്തിൽ, ഒരു പുതിയ അടിസ്ഥാന കോണിക പ്രോജക്റ്റ് എങ്ങനെ സൃഷ്ടിക്കാമെന്നും നിർമ്മിക്കാമെന്നും സേവിക്കാമെന്നും ഞങ്ങൾ കാണിക്കും. ആദ്യം, നിങ്ങളുടെ സെർവറിന്റെ വെബ്uറൂട്ട് ഡയറക്uടറിയിലേക്ക് നീങ്ങുക, തുടർന്ന് ഇനിപ്പറയുന്ന രീതിയിൽ ഒരു പുതിയ കോണീയ ആപ്ലിക്കേഷൻ സമാരംഭിക്കുക (പ്രോംപ്റ്റുകൾ പിന്തുടരാൻ ഓർമ്മിക്കുക):

# cd /var/www/html/
# ng new tecmint-app			#as root
OR
$ sudo ng new tecmint-app		#non-root user

അടുത്തതായി, ഇപ്പോൾ സൃഷ്uടിച്ച ആപ്ലിക്കേഷൻ ഡയറക്uടറിയിലേക്ക് പോയി കാണിച്ചിരിക്കുന്നതുപോലെ ആപ്ലിക്കേഷൻ സേവിക്കുക.

# cd tecmint-app
# ls 			#list project files
# ng serve

ഒരു വെബ് ബ്രൗസറിൽ നിന്ന് നിങ്ങളുടെ പുതിയ ആപ്പ് ആക്uസസ് ചെയ്യുന്നതിന് മുമ്പ്, നിങ്ങൾക്ക് ഫയർവാൾ സേവനം പ്രവർത്തിക്കുന്നുണ്ടെങ്കിൽ, കാണിച്ചിരിക്കുന്നതുപോലെ ഫയർവാൾ കോൺഫിഗറേഷനിൽ നിങ്ങൾ പോർട്ട് 4200 തുറക്കേണ്ടതുണ്ട്.

---------- 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

ഇപ്പോൾ നിങ്ങൾക്ക് ഒരു വെബ് ബ്രൗസർ തുറന്ന് ഇനിപ്പറയുന്ന സ്uക്രീൻഷോട്ടിൽ കാണിച്ചിരിക്കുന്നതുപോലെ പുതിയ ആപ്പ് പ്രവർത്തിക്കുന്നത് കാണുന്നതിന് ഇനിപ്പറയുന്ന വിലാസം ഉപയോഗിച്ച് നാവിഗേറ്റ് ചെയ്യാം.

http://localhost:4200/ 
or 
http://SERVER_IP:4200 

ശ്രദ്ധിക്കുക: മുകളിൽ കാണിച്ചിരിക്കുന്നതുപോലെ, ഒരു ആപ്ലിക്കേഷൻ നിർമ്മിക്കുന്നതിനും പ്രാദേശികമായി സേവിക്കുന്നതിനും നിങ്ങൾ ng എന്ന കമാൻഡ് ഉപയോഗിക്കുകയാണെങ്കിൽ, നിങ്ങൾ ഏതെങ്കിലും ഉറവിടം മാറ്റുമ്പോൾ സെർവർ ആപ്പ് സ്വയമേവ പുനർനിർമ്മിക്കുകയും വെബ് പേജ്(കൾ) വീണ്ടും ലോഡുചെയ്യുകയും ചെയ്യുന്നു. ഫയലുകൾ.

ng ടൂളിനെ സംബന്ധിച്ച കൂടുതൽ വിവരങ്ങൾക്ക്, ഇനിപ്പറയുന്ന കമാൻഡ് പ്രവർത്തിപ്പിക്കുക.

# ng help

കോണീയ CLI ഹോംപേജ്: https://angular.io/cli

ഈ ലേഖനത്തിൽ, വ്യത്യസ്ത ലിനക്സ് ഡിസ്ട്രിബ്യൂഷനുകളിൽ ആംഗുലർ CLI എങ്ങനെ ഇൻസ്റ്റാൾ ചെയ്യാമെന്ന് ഞങ്ങൾ കാണിച്ചിരിക്കുന്നു. ഒരു ഡെവലപ്uമെന്റ് സെർവറിൽ ഒരു അടിസ്ഥാന കോണീയ ആപ്ലിക്കേഷൻ എങ്ങനെ നിർമ്മിക്കാമെന്നും കംപൈൽ ചെയ്യാമെന്നും സെർവർ ചെയ്യാമെന്നും ഞങ്ങൾ കവർ ചെയ്തു. എന്തെങ്കിലും ചോദ്യങ്ങൾക്കും ചിന്തകൾക്കും, നിങ്ങൾ ഞങ്ങളുമായി പങ്കിടാൻ ആഗ്രഹിക്കുന്നു, ചുവടെയുള്ള ഫീഡ്uബാക്ക് ഫോം ഉപയോഗിക്കുക.