bagaimana menemukan versi sudut saya dalam proyek saya?

92

Saya telah menyiapkan kode sudut di mesin lokal saya. Saya perlu mengetahui versi angular yang saya gunakan dalam proyek ini. bagaimana saya dapat dengan mudah menemukannya di cmd prompt?

javascript angular Vignesh Kasthurisamy
sumber
13
Tidak yakin mengapa ini ditolak juga. Ini pertanyaan yang sangat masuk akal.
DeborahK
@Tokopedia Terima kasih telah menanyakan pertanyaan ini.
Tanzeel

Jawaban:

56

Ada beberapa cara untuk melakukannya:

  1. Pergilah ke node_modules/@angular/core/package.jsondan periksa versionbidang.

  2. Jika Anda perlu menggunakannya dalam kode Anda, Anda dapat mengimpornya dari @angular/core:

    import { VERSION } from '@angular/core';

  3. Periksa DOM yang dirender - Angular menambahkan versi ke elemen komponen utama:

    <my-app ng-version="4.1.3">

Max Koretskyi
sumber
berikut adalah contoh penggunaan metode 2 di atas (secara terprogram)
Hamzeen Hameem
54

coba perintah ini:

ng --version

Ini mencetak Angular, Angular CLI, Node, versi Typecript dll.

Mohamed Ali RACHID
sumber
2
Anda dapat mencoba versi singkatnya:ng -v
Barna Tekse
1
ng --version, ng vsedang bekerja tapi ng -vtidak bekerja.
Vaibhav
ng -v, ng v dan ng --version berfungsi dengan baik di sistem saya. Versi saya adalah 7.1.0
Rao
Pertanyaannya adalah bagaimana menemukan versi "proyek". ng -v tidak akan menunjukkan versi sebenarnya yang digunakan oleh proyek, hanya versi cli mana yang diinstal pada sistem. Misalnya, perintah ng -v saya menunjukkan bahwa saya menginstal angular cli versi 9.1.2, namun dalam kasus saya, proyek tersebut sebenarnya menggunakan angular core versi 5.2.5. Cara yang lebih baik untuk menemukan versi "proyek" adalah dengan merujuk ke postingan Max Koretskyi di atas. Mengetahui versi cli memang berguna, tetapi kemungkinan besar Anda perlu mencari versi inti sudut libnya, terutama saat menghitung library compat. dan opsi peningkatan.
Joshua Sprague
25

Untuk Angular 1 atau 2 (tetapi tidak untuk Angular 4+):

Anda juga dapat membuka konsol dan pergi ke tab elemen di alat pengembang dari browser apa pun yang Anda gunakan.

Atau

Ketik angular.version untuk mengakses objek Javascript yang menyimpan versi sudut.

Untuk Angular 4+ Ada beberapa cara seperti di bawah ini:

Tulis kode di bawah ini di command prompt / atau di terminal di VS Code.

  1. versi ng atau ng --version (Lihat lampiran untuk referensi.)
  2. ng v
  3. ng -v

Di terminal Anda dapat menemukan versi sudut seperti yang ditunjukkan pada gambar terlampir: masukkan deskripsi gambar di sini

  1. Anda juga dapat membuka konsol dan pergi ke tab elemen pada alat pengembang dari browser apa pun yang Anda gunakan. Seperti yang ditampilkan pada gambar di bawah ini:

masukkan deskripsi gambar di sini

5. Temukan file package.json, Anda akan menemukan semua paket yang diinstal dan versinya.

Trilok Pathak
sumber
1, 2 dan 3 menunjukkan: Angular CLI: 6.2.3 Node: 10.15.1 OS: linux x64 Angular: ...
alete
@alete Anda menggunakan versi Angular 6. Itulah resolusinya.
Trilok Pathak
@alete Atau beri tahu saya perintah apa yang Anda jalankan dan keluaran apa yang Anda peroleh secara detail.
Trilok Pathak
1
Saya akan menyebutkan ini karena saya tahu: versi ng terlihat di node_modules. Jadi, jika Anda melakukan checkout pada cabang yang berbeda, versi ng masih melaporkan versi cabang sebelumnya sampai Anda menjalankan pembaruan benang atau npm.
MortimerCat
1
opsi terakhir untuk memeriksa tag html ng-version adalah opsi terbaik
Mahesh Malpani
17

tentukan variabel VERSION dan impor versi ke dalamnya.

import { VERSION } from '@angular/core';

Sekarang Anda dapat menggunakan variabel VERSION dalam kode Anda untuk mencetak versi. Misalnya,

console.log(VERSION.full);
Virendra Jadeja
sumber
1
Terima kasih. Ini sangat sederhana. Ini harus ditandai sebagai jawaban
Ziggler
jawaban paling sederhana.
Amit Joshi
10

Untuk Angular 2+ Anda dapat menjalankan ini di konsol:

document.querySelector('[ng-version]').getAttribute('ng-version')

Untuk AngularJS 1.x:

angular.version.full
Nateowami
sumber
Ini hanya berfungsi jika Anda telah menyusun kode yang tersedia untuk Anda.
Cameron Hudson
3

  1. Browser> Periksa> Elemen>

    <.app-root _nghost-hey-c0 = "" ng-version = "8.2.11" >

  2. Di terminal

    :> versi ng
    :> ng --version
    :> ng -v

RM Shahidul Islam Shahed
sumber
Metode 1 hanya tersedia jika kode yang dikompilasi tersedia untuk Anda. Metode 2 hanya memberikan versi CLI sudut yang telah Anda instal secara global, bukan versi angular tempat proyek ditulis.
Cameron Hudson
3

Jika Anda mencoba memeriksa versi sudut di browser, bagi saya hanya ini yang berfungsi Ctrl+ Shift+ idan tempel perintah di bawah ini di konsol:

document.querySelector('[ng-version]').getAttribute('ng-version')

ex:

masukkan deskripsi gambar di sini masukkan deskripsi gambar di sini

Eduard Florinescu
sumber
0

ng --versionPerintah hanya akan menampilkan versi sudut yang diinstal di komputer Anda, bukan versi proyek yang sebenarnya .

Jika Anda benar-benar ingin mengetahui versi proyek , Pergi ke proyek Anda, gunakan perintah di bawah ini

npm list -local

masukkan deskripsi gambar di sini

Shakthifuture
sumber
0

Anda juga dapat menemukan detail versi dependensi di file package.json sebagai berikut:

masukkan deskripsi gambar di sini

Imran Javed
sumber
-1

Anda dapat menggunakan ng --version untuk angular versi 7

minitechi
sumber