[การรวบรวมและการแชร์] คำสั่ง npm ทั่วไปที่จำเป็นสำหรับการพัฒนาส่วนหน้า

การเข้าสู่ Front-end (vue) ในหลักสูตรการเรียนรู้: เข้าสู่เพื่อเรียนรู้

การตั้งค่าแหล่งที่มา npm

• ค้นหาการกำหนดค่าแหล่งที่มาปัจจุบัน

npm รับรีจิสทรี

• ตั้งค่าแหล่งที่มามิเรอร์ Taobao (ชื่อโดเมนใหม่มิเรอร์ Taobao)

รีจิสทรีการตั้งค่า npm https://registry.npmmirror.com

เก่า http://npm.taobao.org และ http://registry.npm .taobao ชื่อโดเมน .org จะหยุดให้บริการตั้งแต่เวลา 00:00 น. ของวันที่ 31 พฤษภาคม 2022 ดังนั้นอย่าใช้คำสั่งเก่า:
รีจิสทรีชุดการกำหนดค่า npm http://registry.npm.taobao.org กู้คืน

• แหล่งที่มาเริ่มต้น

รีจิสทรีชุดการกำหนดค่า npm https://registry.npmjs.org ใช้

• nrm เพื่อจัดการแหล่งที่มา

# ติดตั้ง nrm ทั่วโลก
ติดตั้ง npm -g nrm
# ดูรายการแหล่งที่มา nrm (รองรับแหล่งที่มาเริ่มต้น, แหล่งที่มา Taobao, แหล่งที่มาของ Tencent ฯลฯ )
nrmls
# สวิตช์แหล่งที่มา (ชื่อของแหล่งกำเนิดมิเรอร์สามารถดูได้จาก nrm ls)
nrm ใช้ taobao

• เพื่อเพิ่มไฟล์ .npmrc ในไดเรกทอรีรากของโครงการ เนื้อหาของที่อยู่มิเรอร์ Taobao คือ:

register = https://registry.npmmirror.com

เพื่อติดตั้งการอ้างอิง

• การติดตั้งทั่วโลก

#ติดตั้งเวอร์ชันล่าสุด npm install -g xxx
 #ติดตั้งเวอร์ชันที่ระบุ npm install -g [email protected]

• การติดตั้งในเครื่อง (โฟลเดอร์ปัจจุบัน)

npm install xxx

• ขึ้นอยู่กับการติดตั้ง และเขียนลงใน การอ้างอิง ของ package.json :

npm install -S xxx 
# เอฟเฟกต์เหมือนกับข้างบน ค่าเริ่มต้น:

npm install xxx

• ได้รับการติดตั้งและเขียนลงใน devDependencies ของ package.json :

npm install –D xxx

• ระบุหมายเลขเวอร์ชัน

npm install [email protected]

• project การพึ่งพาการติดตั้งนี้ใช้มิเรอร์ Taobao ชั่วคราว

npm install --registry=https: //registry.npmmirror.com

• ติดตั้งแพ็คเกจการพึ่งพา (คำสั่งต่อไปนี้ระบุเวอร์ชัน @1.0.0) และใช้มิเรอร์ Taobao ชั่วคราว:

npm ติดตั้ง [email protected] --registry=https://registry.npmmirror.com

ถอนการติดตั้งพึ่งพา

• ถอนการติดตั้ง

npm Uninstall <package-name>

• และลบออกใน package.json:
  การใช้แฟล็ก -S หรือ --save การดำเนินการนี้จะลบการอ้างอิงในไฟล์ package.json ด้วย
  หากแพ็กเกจเป็นการพึ่งพาการพัฒนา (แสดงอยู่ใน devDependencies ในไฟล์ package.json) จะต้องลบออกจากไฟล์โดยใช้แฟล็ก -D หรือ --save-dev

ถอนการติดตั้ง npm -S <ชื่อแพ็คเกจ>
ถอนการติดตั้ง npm -D <ชื่อแพ็คเกจ>

• ถอนการติดตั้งการอ้างอิงส่วนกลาง

npm ถอนการติดตั้ง -g

• พร้อมท์

• 
  นามแฝงของการถอนการติดตั้ง: Remove, rm, r, un, unlink เป็นนามแฝงของการถอนการติดตั้ง npm ทั้งหมด

ถอนการติดตั้ง npm -S <ชื่อแพ็คเกจ>
# เทียบเท่ากับ npm ลบ -S <ชื่อแพ็คเกจ>
# เทียบเท่ากับ

การอัปเดต

• ตรวจสอบครั้งแรกเพื่ออัปเดต

npm ล้าสมัย

แพ็คเกจที่ทำเครื่องหมายด้วยสีแดงสามารถอัปเดตได้ และแพ็คเกจที่ทำเครื่องหมายด้วยสีเหลืองจะไม่สามารถอัปเดตได้

• ดำเนินการอัปเดต (เฉพาะเวอร์ชันแพทช์หรือเวอร์ชันรองเท่านั้นที่จะได้รับการอัปเดต ไม่ใช่เวอร์ชันหลัก)
  หากคุณไม่ทราบเวอร์ชันหลักและรอง มีคำอธิบายหมายเลขเวอร์ชันด้านล่าง โปรดเลื่อนลง

การอัปเดต npm อัปเดต

• เวอร์ชันหลัก

# 1 ติดตั้งโมดูล "npm-check-updates" npm install -g npm-check-updates  
# 2 ตรวจสอบโมดูลที่อัพเดตได้ ncu  
npm-ตรวจสอบการอัปเดต  
# ทั้งสองคำสั่งข้างต้นสามารถตรวจสอบโมดูลที่อัพเดตได้ ถัดไป อัปเดตแพ็คเกจการพึ่งพา package.json เป็นเวอร์ชันล่าสุด:  

#อัปเกรดเวอร์ชันทั้งหมดในการขึ้นต่อกันและ devDependencies ของไฟล์ package.json ncu -u  
#Execute คำสั่งข้างต้นเพื่ออัปเดตโมดูลทั้งหมด อย่างไรก็ตาม ในการพัฒนาจริง ไม่แนะนำให้อัปเดตทั้งหมดในครั้งเดียว คุณสามารถอัปเดตโมดูลที่ระบุได้ตามความต้องการที่แท้จริง และคุณสามารถเพิ่ม -D, -S หรือ -g ต่อท้ายตามขอบเขต

วิธีที่ 2:

# ติดตั้ง npm-check ทั่วโลก
ติดตั้ง npm -g npm-check
# ตรวจสอบการพึ่งพาที่อัปเดตได้ npm-check
# อัปเดตการอ้างอิง npm-check -u

# อีกวิธีในการอัปเดตเวอร์ชันหลักคือการถอนการติดตั้งก่อนแล้วจึงติดตั้งใหม่ # ถอนการติดตั้ง npm ถอนการติดตั้ง xxx
# ติดตั้งเวอร์ชันล่าสุดอีกครั้ง npm ติดตั้ง xxx
# ติดตั้งใหม่-ระบุเวอร์ชัน npm ติดตั้ง [email protected]

เพื่อดู

• ดูเวอร์ชัน npm

npm -v

• ดูเวอร์ชันแพ็คเกจที่ติดตั้ง
  

ชื่อแพ็คเกจ npm -v

• ดูวิธีใช้ npm

npm

• ดูโฟลเดอร์ทั้งหมดที่ใช้โดย npm โฟลเดอร์

วิธีใช้ npm

• ดูรายการโมดูล (ดูรายการโมดูลที่ติดตั้งในเครื่อง)

รายการ npm
# คุณยังสามารถใช้ตัวย่อ ls ได้
npm ls

• เพื่อดูแพ็คเกจที่ติดตั้งแบบโกลบอล

npm list -g --ความลึก 0

• เพื่อดูเวอร์ชันของแพ็คเกจ

npm list vue-cli

• เพื่อดูโฟลเดอร์ package.json ของโมดูลโหนด

npm view moduleNames

• เพื่อดูการขึ้นต่อกันของแพ็คเกจ

npm view การพึ่งพา moudleName

• เพื่อดูที่อยู่ไฟล์ต้นฉบับของแพ็กเกจ

มอง npm moduleName repository.url

• ดูเวอร์ชันของโหนดที่แพ็กเกจขึ้นอยู่กับ

เอ็นจิ้นมุมมอง npm

• ดูเส้นทางการติดตั้งของแพ็คเกจปัจจุบัน

npm root

• ดูเส้นทางการติดตั้งของแพ็คเกจสากล

npm root - g

• ตรวจสอบว่าแพ็คเกจล้าสมัยหรือไม่

  คำสั่งนี้จะแสดงรายการแพ็คเกจที่ล้าสมัยทั้งหมดที่สามารถอัปเดตได้ทันเวลา

• แพ็คเกจ

  npm

ที่ล้าสมัย

• วิธีการเข้าถึงโฟลเดอร์ json ของ npm มีดังนี้

npm help json

คำสั่งนี้จะเปิดหน้าเว็บด้วยวิธีเริ่มต้น หากโปรแกรมเปิดเริ่มต้นมีการเปลี่ยนแปลง ก็อาจไม่เปิดเป็นหน้าเว็บ

• ตรวจสอบว่ามีชื่อแพ็กเกจอยู่แล้วหรือไม่

  เมื่อเผยแพร่แพ็กเกจ npm คุณต้องตรวจสอบว่ามีชื่อแพ็กเกจบางชื่ออยู่แล้ว

ค้นหา packageName

# คุณยังสามารถใช้ตัวย่อ s แทนการค้นหาได้ 
npm s packageName

npm คำสั่งอื่น ๆ

ทำความสะอาดแคช npm # ล้างแคช npm npm prune # ล้างแพ็คเกจที่ไม่ได้ใช้ในโครงการ npm ล้าสมัย # ตรวจสอบว่าโมดูลล้าสมัยหรือไม่ npm repo jquery # จะเปิดเบราว์เซอร์เริ่มต้นและข้ามไปที่หน้า jquery ใน github npm docs jquery # จะเปิดค่าเริ่มต้น เบราว์เซอร์ข้ามไปที่ข้อมูลไฟล์ README.MD ของ jquery ใน github npm home jquery # เบราว์เซอร์เริ่มต้นจะถูกเปิดเพื่อข้ามไปที่หน้าแรกของ jquery ใน

หมายเลขเวอร์ชันแพ็คเกจการพึ่งพา github npm

รูปแบบหมายเลขเวอร์ชัน npm XYZ

แสดงถึง: หมายเลขเวอร์ชันหลัก หมายเลขเวอร์ชันรอง หมายเลขการแก้ไข กฎการเพิ่ม

• ของ

• หมายเลข

เวอร์ชันมีดังนี้: มีการเพิ่มฟังก์ชันการทำงานที่เข้ากันได้แบบย้อนหลัง

• Z หมายเลขการแก้ไข: เมื่อคุณทำการแก้ไขปัญหาที่เข้ากันได้แบบย้อนหลัง

หมายเลขเวอร์ชันไลบรารี่ที่ขึ้นต่อกัน สัญลักษณ์

• ไม่มีสัญลักษณ์ใด ๆ

1.0.0
ตรงกัน 100% ไลบรารี/โปรเจ็กต์ปัจจุบันต้องใช้หมายเลขเวอร์ชันปัจจุบัน หากใช้ไลบรารีเดียวกันและเวอร์ชันอื่นสำหรับการขึ้นต่อกันอื่น ๆ โฟลเดอร์ node_modules จะถูกสร้างขึ้นภายใต้โฟลเดอร์ไลบรารีเพื่อจัดเก็บไฟล์เวอร์ชันที่ต้องการ ขึ้นอยู่กับ

• หมายเลข ~

จะไม่เปลี่ยนหมายเลขเวอร์ชันหลักและหมายเลขเวอร์ชันรอง คุณสามารถเปลี่ยนหมายเลขการแก้ไขได้ตามต้องการ ตัวอย่างเช่น ~2.0.0 คุณสามารถใช้เวอร์ชัน 2.0.0, 2.0.2 และ 2.0.9

• หมายเลข ^

จะไม่เปลี่ยนหมายเลขเวอร์ชันหลัก (หมายเลขเวอร์ชันหลักไม่ใช่ 0) หมายเลขเวอร์ชันนี้และหมายเลขการแก้ไขสามารถเปลี่ยนแปลงได้ตามต้องการ ตัวอย่างเช่น ^2.0.0 คุณสามารถใช้เวอร์ชัน 2.0.1, 2.2 ได้ 2 และ 2.9.9

• เครื่องหมาย *

* หมายความว่าเวอร์ชันใดๆ ไม่มีข้อจำกัดสำหรับเวอร์ชัน โดยทั่วไป

• เครื่องหมาย *

จะมากกว่าเวอร์ชันที่กำหนด ซึ่งหมายความว่าตราบใดที่แพ็คเกจการติดตั้งมีค่ามากกว่า เวอร์ชันนี้ก็จะเรียบร้อยครับ เช่น "node": "> 4.0.0"

• > ถ้าเครื่องหมาย =

มากกว่าเวอร์ชันใดเวอร์ชันหนึ่ง แสดงว่าแพ็กเกจการติดตั้งใด ๆ ที่มากกว่าหรือเท่ากับเวอร์ชันนี้จะเป็น ก็ได้ ตัวอย่างเช่น: "node": ">= 4.0.0"

• เครื่องหมาย <

น้อยกว่าเวอร์ชันที่กำหนด แสดงว่าแพ็คเกจการติดตั้งใดๆ ที่เล็กกว่าเวอร์ชันนี้จะใช้ได้ ตัวอย่างเช่น: ："http- proxy-middleware": "<0.17.3"

• จำนวน <=

น้อยกว่าหรือเท่ากับเวอร์ชันใดเวอร์ชันหนึ่ง ซึ่งหมายความว่าตราบใดที่แพ็คเกจการติดตั้งน้อยกว่าหรือเท่ากับเวอร์ชันนี้ก็จะไม่เป็นไร ตัวอย่างเช่น : "http-proxy-middleware": "<= 0.17.3"

• -number

-ระบุเวอร์ชันระหว่างหมายเลขเวอร์ชันสองหมายเลข "base": "1.0.1-1.5.9"
ตัวอย่างเช่น 1.0.1-1.5.9 สามารถใช้เวอร์ชันใดก็ได้ระหว่าง 1.0.1 ถึง 1.5.9