CLI Angular - Pengaturan Lingkungan

Untuk bekerja dengan Angular CLI, kita perlu menginstal Node di sistem kita.

Unduh arsip Node.js

Download versi terbaru dari Node.js diinstal file arsip dari Node.js Downloads . Pada saat menulis tutorial ini, berikut adalah versi yang tersedia di berbagai OS.

OS Nama arsip
Windows node-v6.3.1-x64.msi
Linux node-v6.3.1-linux-x86.tar.gz
Mac node-v6.3.1-darwin-x86.tar.gz
SunOS node-v6.3.1-sunos-x86.tar.gz

Instalasi di UNIX / Linux / Mac OS X, dan SunOS

Berdasarkan arsitektur OS Anda, unduh dan ekstrak arsip node-v6.3.1-osname.tar.gz ke / tmp, lalu pindahkan file yang diekstrak ke direktori / usr / local / nodejs. Sebagai contoh:

$ cd /tmp
$ wget http://nodejs.org/dist/v6.3.1/node-v6.3.1-linux-x64.tar.gz
$ tar xvfz node-v6.3.1-linux-x64.tar.gz
$ mkdir -p /usr/local/nodejs
$ mv node-v6.3.1-linux-x64/* /usr/local/nodejs

Tambahkan / usr / local / nodejs / bin ke variabel lingkungan PATH.

OS Keluaran
Linux ekspor PATH = $ PATH: / usr / local / nodejs / bin
Mac ekspor PATH = $ PATH: / usr / local / nodejs / bin
FreeBSD ekspor PATH = $ PATH: / usr / local / nodejs / bin

Instalasi di Windows

Gunakan file MSI dan ikuti petunjuk untuk menginstal Node.js. Secara default, penginstal menggunakan distribusi Node.js di C: \ Program Files \ nodejs. Penginstal harus mengatur direktori C: \ Program Files \ nodejs \ bin di variabel lingkungan PATH jendela. Mulai ulang perintah terbuka apa pun agar perubahan diterapkan.

Verifikasi instalasi: Menjalankan File

Buat file js bernama main.js di komputer Anda (Windows atau Linux) yang memiliki kode berikut.

/* Hello, World! program in node.js */
console.log("Hello, World!")

Sekarang jalankan file main.js menggunakan interpreter Node.js untuk melihat hasilnya -

$ node main.js

Jika semuanya baik-baik saja dengan instalasi Anda, ini akan menghasilkan hasil sebagai berikut -

Hello, World!

Sekarang Node sudah terinstal, jalankan perintah berikut untuk menginstal Angular CLI.

Mari kita gunakan perintah berikut untuk hal yang sama -

npm install -g @angular/cli

Verifikasi instalasi

Sekarang jalankan perintah berikut untuk melihat hasilnya -

$ ng --version

Jika semuanya baik-baik saja dengan instalasi Anda, ini akan menghasilkan hasil sebagai berikut -

_                      _                 ____ _     ___
    / \   _ __   __ _ _   _| | __ _ _ __     / ___| |   |_ _|
   / ? \ | '_ \ / _` | | | | |/ _` | '__|   | |   | |    | |
  / ___ \| | | | (_| | |_| | | (_| | |      | |___| |___ | |
 /_/   \_\_| |_|\__, |\__,_|_|\__,_|_|       \____|_____|___|
                |___/


Angular CLI: 9.1.0
Node: 12.16.1
OS: win32 x64

Angular:
...
Ivy Workspace:

Package                      Version
------------------------------------------------------
@angular-devkit/architect    0.901.0
@angular-devkit/core         9.1.0
@angular-devkit/schematics   9.1.0
@schematics/angular          9.1.0
@schematics/update           0.901.0
rxjs                         6.5.4

Di Windows, jika ng tidak dikenali sebagai perintah internal atau eksternal, perbarui variabel jalur sistem untuk menyertakan jalur berikut.

C:\Users\<User Directory>\AppData\Roaming\npm