จะค้นหาเวอร์ชันเชิงมุมในโครงการของฉันได้อย่างไร

92

ฉันได้ตั้งค่ารหัสเชิงมุมในเครื่องของฉัน ฉันต้องการทราบเวอร์ชันของเชิงมุมที่ฉันใช้ในโครงการ ฉันจะค้นหามันในพรอมต์ cmd ได้อย่างไร

javascript  angular 
— Vignesh Kasthurisamy
แหล่งที่มา
13
ไม่แน่ใจว่าเหตุใดจึงถูกโหวตลงด้วย นี่เป็นคำถามที่สมเหตุสมผลมาก
— DeborahK
@Vignesh. ขอบคุณที่ถามคำถามนี้
— Tanzeel

คำตอบ:

56

มีหลายวิธีที่คุณสามารถทำได้:

  1. ไปลงnode_modules/@angular/core/package.jsonและตรวจสอบversionข้อมูล

  2. หากคุณจำเป็นต้องใช้ในรหัสของคุณคุณสามารถนำเข้าได้จาก@angular/core:

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

  3. ตรวจสอบ DOM ที่แสดงผล - Angular เพิ่มเวอร์ชันให้กับองค์ประกอบองค์ประกอบหลัก:

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

— Max Koretskyi
แหล่งที่มา
นี่คือตัวอย่างของการใช้วิธีที่ 2 ข้างต้น (โดยทางโปรแกรม)
— Hamzeen Hameem
54

ลองใช้คำสั่งนี้:

ng --version

มันพิมพ์ออกมา Angular, Angular CLI, Node, typescript เวอร์ชันเป็นต้น

— Mohamed Ali RACHID
แหล่งที่มา
2
คุณสามารถทดลองใช้เวอร์ชันสั้น:ng -v
— Barna Tekse
1
ng --version, ng vกำลังทำงาน แต่ng -vไม่ทำงาน
— Vaibhav
ng -v, ng v และ ng --version ทำงานได้ดีในระบบของฉัน เวอร์ชันของฉันคือ 7.1.0
— Rao
คำถามคือวิธีค้นหาเวอร์ชัน "ของโครงการ" ng -v จะไม่ระบุเวอร์ชันจริงที่ใช้โดยโปรเจ็กต์ แต่จะมีการติดตั้ง cli เวอร์ชันใดในระบบเท่านั้น ตัวอย่างเช่นคำสั่ง ng -v ของฉันแสดงว่าฉันได้ติดตั้ง angular cli เวอร์ชัน 9.1.2 แล้วอย่างไรก็ตามในกรณีของฉันโปรเจ็กต์นั้นใช้ angular core เวอร์ชัน 5.2.5 วิธีที่ดีกว่าในการค้นหาเวอร์ชัน "โครงการ" คือดูโพสต์ของ Max Koretskyi ด้านบน การรู้เวอร์ชัน cli มีประโยชน์ แต่มีแนวโน้มว่าคุณจะต้องหาเวอร์ชัน lib เชิงมุมหลักแทนโดยเฉพาะอย่างยิ่งเมื่อหาไลบรารีที่เข้ากันได้ และอัพเกรดตัวเลือก
— Joshua Sp Prague
25

สำหรับ Angular 1 หรือ 2 (แต่ไม่ใช่สำหรับ Angular 4+):

คุณยังสามารถเปิดคอนโซลและไปที่แท็บองค์ประกอบบนเครื่องมือสำหรับนักพัฒนาของเบราว์เซอร์ใดก็ได้ที่คุณใช้

หรือ

พิมพ์ angular.version เพื่อเข้าถึงอ็อบเจ็กต์ Javascript ที่มีเวอร์ชันเชิงมุม

สำหรับ Angular 4+ มีหลายวิธีดังต่อไปนี้:

เขียนโค้ดด้านล่างในพรอมต์คำสั่ง / หรือในเทอร์มินัลใน VS Code

  1. ng version หรือ ng --version (ดูไฟล์แนบสำหรับข้อมูลอ้างอิง)
  2. ng v
  3. ng -v

ในเทอร์มินัลคุณจะพบเวอร์ชันเชิงมุมดังที่แสดงในภาพที่แนบมา: ป้อนคำอธิบายภาพที่นี่

  1. คุณยังสามารถเปิดคอนโซลและไปที่แท็บองค์ประกอบบนเครื่องมือสำหรับนักพัฒนาของเบราว์เซอร์ใดก็ได้ที่คุณใช้ ดังที่แสดงในภาพด้านล่าง:

ป้อนคำอธิบายภาพที่นี่

5. ค้นหาไฟล์ package.json คุณจะพบแพ็คเกจที่ติดตั้งและเวอร์ชันทั้งหมด

— ไตรโลกปฐก
แหล่งที่มา
รายการที่ 1, 2 และ 3: Angular CLI: 6.2.3 Node: 10.15.1 OS: linux x64 Angular: ...
— ออกอากาศ
@alete คุณกำลังใช้ Angular 6 เวอร์ชันนั่นคือความละเอียด
— Trilok Pathak
@alete หรือแจ้งให้เราทราบว่าคุณกำลังเรียกใช้คำสั่งใดและผลลัพธ์ใดที่คุณได้รับโดยละเอียด
— Trilok Pathak
1
ฉันจะพูดถึงสิ่งนี้เมื่อมันทำให้ฉันไม่สนใจ: เวอร์ชั่น ng ดูใน node_modules ดังนั้นหากคุณชำระเงินในสาขาอื่นเวอร์ชัน ng ยังคงรายงานเวอร์ชันสาขาก่อนหน้าจนกว่าคุณจะรันการอัปเดตเส้นด้ายหรือ npm
— MortimerCat
1
ตัวเลือกสุดท้ายในการตรวจสอบแท็กเวอร์ชัน html ng-version เป็นตัวเลือกที่ดีที่สุด
— Mahesh Malpani
17

กำหนดตัวแปร VERSION และนำเข้าเวอร์ชัน

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

ตอนนี้คุณสามารถใช้ตัวแปร VERSION ในโค้ดของคุณเพื่อพิมพ์เวอร์ชันตัวอย่างเช่น

console.log(VERSION.full);
— วิเรนดราเจดจา
แหล่งที่มา
1
ขอบคุณ. มันง่ายมาก สิ่งนี้จะต้องถูกทำเครื่องหมายว่าเป็นคำตอบ
— Ziggler
คำตอบที่ง่ายที่สุด
— Amit Joshi
10

สำหรับ Angular 2+ คุณสามารถเรียกใช้สิ่งนี้ในคอนโซล:

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

สำหรับ AngularJS 1.x:

angular.version.full
— Nateowami
แหล่งที่มา
สิ่งนี้ใช้ได้เฉพาะเมื่อคุณรวบรวมโค้ดที่มีให้
— Cameron Hudson
3

  1. เบราว์เซอร์> ตรวจสอบ> องค์ประกอบ>

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

  2. ในเทอร์มินัล

    :> ng เวอร์ชัน
    :> ng --version
    :> ng -v

— RM Shahidul Islam Shahed
แหล่งที่มา
วิธีที่ 1 จะใช้ได้ก็ต่อเมื่อคุณมีโค้ดที่คอมไพล์แล้วเท่านั้น วิธีที่ 2 ให้เฉพาะเวอร์ชันของ CLI เชิงมุมที่คุณติดตั้งทั่วโลกเท่านั้นไม่ใช่เวอร์ชันของเชิงมุมที่เขียนโครงการ
— Cameron Hudson
3

หากคุณพยายามตรวจสอบเวอร์ชันเชิงมุมในเบราว์เซอร์สำหรับฉันสิ่งนี้ใช้ได้ผลCtrl+ Shift+ เท่านั้นiและวางคำสั่งด้านล่างในคอนโซล:

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

เช่น:

ป้อนคำอธิบายภาพที่นี่ ป้อนคำอธิบายภาพที่นี่

— Eduard Florinescu
แหล่งที่มา
0

ng --versionคำสั่งจะแสดงเฉพาะรุ่นเชิงมุมที่ติดตั้งในเครื่องคอมพิวเตอร์ของคุณแทนการที่เกิดขึ้นจริงรุ่นโครงการ

หากคุณต้องการทราบเวอร์ชันของโครงการให้ไปที่โครงการของคุณใช้คำสั่งด้านล่าง

npm list -local

ป้อนคำอธิบายภาพที่นี่

— Shakthifuture
แหล่งที่มา
โดยการใช้ไซต์ของเรา หมายความว่าคุณได้อ่านและทำความเข้าใจนโยบายคุกกี้และนโยบายความเป็นส่วนตัวของเราแล้ว
Licensed under cc by-sa 3.0 with attribution required.