21 วิธีในการปรับปรุงประสิทธิภาพการทำงานด้วย NPM

Sep 14, 2025
วิธีการ
21 ways to improve productivity with npm

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

เช่นเดียวกับการเพิ่มประสิทธิภาพอื่น ๆ ส่วนใหญ่ไม่ใช่ทุกมาตรการสามารถใช้งานได้ในระดับสากล ขั้นตอนต่อไปนี้แสดง 'ควรรู้' บางอย่างที่มีศักยภาพในการปรับปรุงประสิทธิภาพการทำงานทำให้คุณพิมพ์น้อยลงหรือลดเวลารอ

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

  • 20 ปลั๊กอิน jQuery ที่ยอดเยี่ยม

การศึกษาศิลปะของ 'NPM ที่เร็วขึ้น' ไม่ใช่จุดจบของตัวเอง นอกเหนือจากการให้คุณทำมากขึ้นแล้วแสดงให้เห็นว่าทักษะคอนโซลขั้นสูงเป็นวิธีที่แน่นอนในการสร้างความประทับใจให้กับเพื่อนร่วมงานและนายหน้าที่เป็นไปได้ - ในพื้นที่ทำงานไฮเปอร์ที่มีการแข่งขันในปัจจุบันทุก ๆ ความช่วยเหลือเล็กน้อยและสร้างความประทับใจให้ผู้ชมที่มีทางลัดสองสามทางลัดเป็นวิธีที่ดี ruckus

ในที่สุดบางคนเพียงแค่ได้รับความสุขจากการเพิ่มประสิทธิภาพเวิร์กโฟลว์ของพวกเขา ดังนั้นในระยะสั้นการดูวิธีการปรับแต่ง NPM สมเหตุสมผลเสมอ นี่คือ NPM-Whacks ที่ดีที่สุด

  • มีอะไรใหม่ใน node.js 10?

01. ฆ่าบาร์ความคืบหน้า

เนื่องจากการดำเนินงานของ NPM สามารถเข้มข้นได้ค่อนข้างเข้มข้นแถบความคืบหน้าจะปรากฏขึ้น น่าเศร้าที่แสดงต้องใช้เวลา - ในบางกรณีมากถึง 50 เปอร์เซ็นต์ของเวลาที่ใช้ในการอัพเดตส่วนต่อประสานผู้ใช้ โชคดีที่คุณสามารถกำจัดแถบความคืบหน้าได้โดยการตั้งค่าตัวแปรสภาพแวดล้อมความคืบหน้าเป็นเท็จ 

 Tamhan @ tamhan-thinkpad: ~ / nodespace / futurenpm $
ความคืบหน้าการตั้งค่า NPM = FALSE
Tamhan @ tamhan-thinkpad: ~ / nodespace / futurenpm $
npm รับความคืบหน้า
false

02. วางไข่แพคเกจโดยไม่ต้องพิมพ์

21 ways to improve productivity with npm: Spawn packages without typing

node.js สร้างแพ็คเกจเริ่มต้น json

ทำซ้ำการตอกย้ำพิธีกรรมของคีย์ผลตอบแทนมาพร้อมกับการสร้างโครงการ NPM ใหม่ที่กว้างไกล สิ่งนี้ไม่จำเป็นอย่างสิ้นเชิง - เพียงผ่านพารามิเตอร์ - ใช่ เพื่อยืนยันค่าเริ่มต้นทั้งหมดที่นำเสนอโดยผู้ช่วยการปรับใช้ node.js สร้างแพ็คเกจเริ่มต้น json ด้วยเนื้อหาที่แสดงในภาพด้านบน 

 Tamhan @ Tamhan-Thinkpad: ~ / nodespace /
FastNodetest $ NPM init -y

03. อย่าพิมพ์คำสั่ง

คำสั่งโหนดประกอบด้วยคำกริยาและหนึ่งหรือมากกว่าหนึ่งพารามิเตอร์ คนที่ใช้กันทั่วไป - 'ติดตั้ง' อยู่ในใจทันที - สามารถแทนที่ด้วยตัวย่อตัวอักษรสั้นสั้น จากมุมมองทางเทคนิค npm i และ การติดตั้ง NPM เหมือนกัน: ความแตกต่างเพียงอย่างเดียวคือปริมาณการพิมพ์ที่จำเป็นในการป้อน 

 NPM ติดตั้ง Gulp-Debug
NPM I Gulp-debug

04. ฆ่าคำกริยาอื่นด้วย

21 ways to improve productivity with npm: Kill other verbs too

การใช้รูปแบบสั้นเป็นวิธีที่ดีในการสาธิตทักษะ NPM

บังเอิญ ติดตั้ง ไม่ใช่คำสั่งเดียวที่ครบกำหนดสำหรับการเร่งความเร็ว ดูอย่างระมัดระวังที่เอาต์พุตของรายการคำสั่งในรูปพบว่าการกำหนดค่าการทดสอบการค้นหาและคำกริยาอื่น ๆ อีกหลายคำกริยานอกจากนี้ยังได้รับการรักษาด้วยตัวย่อ การใช้รูปแบบสั้น ๆ เหล่านี้เป็นวิธีที่ดีในการแสดงให้เห็นถึงความสามารถของ NPM โดยเฉพาะอย่างยิ่งถ้าคุณอธิบายพวกเขาก่อนที่จะใช้พวกเขาเป็นครั้งแรก

05. แสดงรายการการพึ่งพาทั้งหมด

การค้นหาว่าแพคเกจ A ขึ้นอยู่กับแพ็คเกจ B มีแนวโน้มที่จะค่อนข้างน่าเบื่อ อย่างไรก็ตาม NPM รู้เรื่องนี้โดยค่าเริ่มต้นและยินดีแบ่งปันความรู้กับคุณ เพียงแค่ป้อน npm ls เพื่อน้ำท่วมเทอร์มินัลของคุณด้วยการเป็นตัวแทนของต้นไม้เหมือนการพึ่งพาทั้งหมดและการพึ่งพาย่อยของพวกเขาหรือคุณสามารถจำกัดความลึกของต้นไม้โดยผ่าน --Depth = 0 . 

 Tamhan @ Tamhan-Thinkpad: ~ / nodespace /
fastifytest $ npm ls - depth = 0
[email protected] / home / tamhan / nodespace
└── [email protected]

06. ตรวจจับแพ็คเกจที่ล้าสมัย

แอปพลิเคชั่นบนเว็บวันนี้ยืนอยู่ในการโจมตีที่ไม่มีที่สิ้นสุดของการโจมตีจาก Miscreants การค้นหาการพึ่งพาที่ล้าสมัยในโครงการที่ใช้โหนดของคุณตอนนี้ง่ายพอ ๆ กับการป้อน NPM ล้าสมัย - โปรแกรมตรวจสอบแคชและแสดงรายการ แล้วหมดแล้ว แพคเกจ 

 Tamhan @ Tamhan-Thinkpad: ~ / nodespace /
FastifyTest $ NPM ล้าสมัย
แพคเกจปัจจุบันต้องการตำแหน่งล่าสุด
Fastified 1.11.2 1.13.3 1.13.3 nodespace

07. ค้นหาแหล่งที่มา

21 ways to improve productivity with npm: Find the source

ค้นหาตัวอย่างที่เป็นประโยชน์และเอกสารประกอบสำหรับแพ็คเกจในที่เก็บ GitHub ของพวกเขา

แพ็คเกจ NPM ส่วนใหญ่อาศัยอยู่ในพื้นที่เก็บข้อมูล GitHub เว็บไซต์เหล่านี้มักจะไม่ จำกัด เฉพาะในการให้รหัสที่มาของแพ็คเกจ - ในกรณีส่วนใหญ่คุณสามารถค้นหาตัวอย่างและเอกสารที่เป็นประโยชน์ เปิด URL ที่เกี่ยวข้องกับแพ็คเกจของคุณโดยป้อน Repo & Lt; PackageName & GT; - ในกรณีส่วนใหญ่เว็บไซต์ที่เก็บจะปรากฏขึ้นในเบราว์เซอร์ของเวิร์กสเตชันของคุณ 

 Tamhan @ tamhan-thinkpad: ~ / nodespace $ npm repo
fastify

08. ตรวจสอบแพ็คเกจ

21 ways to improve productivity with npm: Inspect a package

การป้อนมุมมอง NPM สามารถให้ข้อมูลที่มีค่าได้

ไฟล์ Manifest แพคเกจมีข้อมูลที่มีค่า เข้าสู่มุมมอง NPM หรือชวเลขของมัน โวลต์ , แสดงภาพรวมภาพในภาพหน้าจอที่มาพร้อมกับขั้นตอนนี้ เหนือสิ่งอื่นใดคุณมักจะพบเกี่ยวกับรุ่นเบต้าและเสถียรล่าสุดพร้อมกับข้อมูลเกี่ยวกับรูปแบบการกระจายและผู้ดูแล 

 Tamhan @ tamhan-thinkpad: ~ / nodespace $ npm view
jquery

09. ค้นหาชื่อที่แน่นอน

รูปที่มาพร้อมกับขั้นตอนที่ 08 แสดงคำสั่งแจ้งให้เราทราบว่ามีห้องสมุด 48 รุ่น การค้นหาชื่อที่แน่นอนของพวกเขาทำได้ดีที่สุดผ่านเวอร์ชันพิเศษของ npm v - มันทิ้งรายการของสตริงที่รู้จักทั้งหมด โปรดทราบว่ารายชื่อที่มาพร้อมกับขั้นตอนนี้ต้องมีการย่อด้วยเหตุผลด้านการพิมพ์ 

 Tamhan @ tamhan-thinkpad: ~ / nodespace $ npm v
jQuery รุ่น
[1.5.1 ',
'1.6.2',
. . .
'3.0.0-alpha1'
'3.0.0-Beta1'
'3.0.0-RC1'
'3.0.0',
'3.1.0',
'3.1.1',
'3.2.0',
'3.2.1',
'3.3.0',
'3.3.1']
Tamhan @ Tamhan-Thinkpad: ~ / nodespace $

10. ค้นหาชื่อแพ็คเกจที่ไม่รู้จัก

21 ways to improve productivity with npm: Find unknown package names

คำสั่งการค้นหาสามารถช่วยคุณได้เมื่อคุณไม่ทราบชื่อแพ็คเกจ

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

 Tamhan @ tamhan-thinkpad: ~ / nodespace $ npm
ค้นหา Vue

11. ค้นหามากยิ่งขึ้น

21 ways to improve productivity with npm: Search even more

เส้นด้ายสามารถค้นหาแพ็คเกจที่หลบหลีกความพยายามที่ดีที่สุดของ NPM

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

12. เพิ่มการเติมเต็มอัตโนมัติ

IntelliSense ของ Microsoft เป็นผลิตภัณฑ์ Semals เพื่อทำความคุ้นเคยกับรุ่นของโปรแกรมเมอร์ด้วยประโยชน์ของการเติมข้อความอัตโนมัติแบบคลิกเดียว NPM รองรับคุณสมบัติที่คล้ายกันซึ่งสามารถเปิดใช้งานการเปิดใช้งานผ่านลำดับคำสั่งที่แสดง หลังจากนั้นให้กดแท็บเพื่อให้การเติมข้อความอัตโนมัติของคุณติดอันดับ Bash 

 Tamhan @ tamhan-thinkpad: ~ / nodespace $ npm
เสร็จสิ้น & GT; & GT; ~ / .bashrc
Tamhan @ tamhan-thinkpad: ~ / nodespace $ แหล่งที่มา
~ / .bashrc

13. การตั้งค่าการกำหนดค่าเทียม

21 ways to improve productivity with npm: Harness configuration settings

ตั้งค่าเริ่มต้นเพื่อย้ายสิ่งต่าง ๆ ไปพร้อมกัน

คำสั่ง NPM Init ที่กล่าวถึงข้างต้นทำให้เป็นขั้นตอนแรกที่ยอดเยี่ยมในโลกของการตั้งค่าการกำหนดค่า ลองใช้คำสั่งสองคำสั่งต่อไปนี้เพื่อตั้งค่าเริ่มต้นที่จะใช้กับไฟล์โครงการที่สร้างขึ้นใหม่ทั้งหมด 

 npm config set init.author.name & lt; ชื่อ & gt;
การตั้งค่าการกำหนดค่า NPM init.author.email & lt; email & gt;

14. เชื่อมโยงไปยังแพ็คเกจท้องถิ่น

นักพัฒนาที่ทำงานกับแพคเกจและผลิตภัณฑ์อย่างน้อยหนึ่งรายการขึ้นอยู่กับควรใช้คุณสมบัติการเชื่อมโยงของ NPM มันวางไข่ Symlink เชื่อมต่อโฟลเดอร์แพคเกจโลคัลกับโครงการ ด้วยวิธีนั้นการเปลี่ยนแปลงข้ามการแพร่กระจายโดยอัตโนมัติ 

 Git Clone & Lt; PKGURL & GT;
CD & LT; PKGNAME & GT;
ลิงค์ NPM
ซีดี ../site
NPM Link & Lt; PKGNAME & GT;

15. รับแพ็คเกจรุ่นเฉพาะ

การใช้ npm i มักจะปรับใช้แพ็คเกจรุ่นล่าสุดที่สามารถค้นหาได้ การเลือกรุ่นที่เฉพาะเจาะจงหรือรุ่นเก่าก็เป็นไปได้เช่นกัน เพียงใช้ @ ผู้ประกอบการเพื่อระบุความต้องการของคุณ - ตัวอย่างที่มาพร้อมกับขั้นตอนนี้ต้องการรุ่นที่เฉพาะเจาะจงและชื่อของ Vue 

 Tamhan @ tamhan-thinkpad: ~ / nodespace $ npm i
[email protected]
Tamhan @ Tamhan-Thinkpad: ~ / nodespace $ npm i
Vue @ Beta

16. แสดงรายการการตั้งค่าการกำหนดค่าทั้งหมด

21 ways to improve productivity with npm: List all configuration settings

มีการตั้งค่าการกำหนดค่ามากมายที่จะเล่นด้วย

ระบบการกำหนดค่าที่กล่าวถึงข้างต้นทำงานร่วมกับชุดของตัวแปรสภาพแวดล้อม แสดงรายการเนื้อหาของพวกเขาโดยการป้อน npm run env และไล่ผลลัพธ์ผ่าน ไขว้ ยูทิลิตี้ ภาพด้านบนแสดงให้เห็นเพียงบางส่วนของการตั้งค่าที่มีอยู่ 

 Tamhan @ tamhan-thinkpad: ~ / nodespace / nodetest2 $
NPM Run ENV | grep npm_
npm_config_cache_lock_stale = 60000
npm_config_ham_it_up =
npm_config_legacy_bundling =
npm_config_sign_git_tag =
. . .

17. สร้างตัวแปรที่กำหนดเอง

NPM ไม่ได้ จำกัด ตัวแปรที่สร้างขึ้นโดยระบบ ตัวอย่างข้อมูลที่มาพร้อมกับขั้นตอนนี้โหลดไฟล์ที่สามารถประกาศตัวแปรของตัวเอง 

 "config": {
"build_folder": "./ Dist"
}

18. ใช้มันด้วยความโกรธ

เมื่อไฟล์ดังกล่าวข้างต้นอยู่ในสถานที่ตัวแปรที่สร้างขึ้นใหม่จะทำตัวเหมือนกับเพื่อนร่วมงานใด ๆ สามารถใช้ในคำสั่งต่าง ๆ ได้ช่วยให้คุณเปลี่ยนพฤติกรรมของพวกเขาเพื่อลิ้มรสการบิน 

 "สคริปต์": {
"Build": "Gulp Build - Dist $ npm_package_
config_build_folder "
}

19. จัดการ node.js และรุ่น NPM อย่างชาญฉลาด

บางโปรแกรมขึ้นอยู่กับสภาพแวดล้อม Node.js รุ่นเฉพาะหรือตัวจัดการแพ็คเกจ Node.js ช่วยลดแหล่งข้อมูลดังกล่าวด้วยตัวจัดการเวอร์ชันโหนด จัดทำเอกสารที่นี่ - การเริ่มต้นใช้งานง่ายมากด้วยการคลิกหนึ่งคลิกสคริปต์ 

 curl -o- https://raw.githubusercontent.com/creationix/nvm/v0.33.11/install.sh | ทุบตี

generate, the award winning conference for web designers, returns to NYC on April 24-25! Click the image to book a ticket

สร้างขึ้นการประชุมที่ได้รับรางวัลสำหรับนักออกแบบเว็บไซต์กลับไปที่ NYC เมื่อวันที่ 24-25 เมษายน! คลิกที่ภาพเพื่อจองตั๋ว

20. ทำงานโดยไม่ต้องติดตั้ง

21 ways to improve productivity with npm: Run without installation

ประหยัดเวลาด้วยการเรียกใช้แพ็คเกจทันทีด้วย NPX

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

 Tamhan @ tamhan-thinkpad: ~ / nodespace $ npx
Create-React-App My-App

21. คลองที่ WiFi

มาวางเคล็ดลับการปรับแต่งที่ขัดแย้งกันมากที่สุดในตอนท้าย Ditching WiFi สำหรับการเชื่อมต่อแบบมีสายกับเราเตอร์ของคุณลดค่า 10 ถึง 20 มิลลิวินาทีที่มีค่าจากการเดินทางไปกลับแต่ละครั้ง ในระยะยาวการออมเหล่านี้เพิ่มขึ้นโดยเฉพาะอย่างยิ่งเมื่อดูการดำเนินการที่เกี่ยวข้องกับการแลกเปลี่ยนแพคเกจหลายร้อยรายการ

บทความนี้ได้รับการตีพิมพ์ครั้งแรกในฉบับที่ 284 ของนิตยสารออกแบบเว็บสร้างสรรค์ นักออกแบบเว็บไซต์ . ซื้อปัญหา 284 ที่นี่ หรือ สมัครสมาชิกกับนักออกแบบเว็บไซต์ที่นี่ .

บทความที่เกี่ยวข้อง:

  • เริ่มต้นกับ Babel 7
  • 8 เครื่องมือสร้างต้นแบบที่จำเป็นและสร้าง
  • พัฒนาส่วนประกอบปฏิกิริยาที่ใช้ซ้ำได้

วิธีการ - บทความยอดนิยม

วิธีการสร้างหญ้า 3 มิติ

วิธีการ Sep 14, 2025

สามารถสร้างหญ้า 3 มิติได้หลากหลายวิธีที่แตกต่..

วิธีการวาดตัวเลขที่สมจริงยิ่งขึ้น

วิธีการ Sep 14, 2025

ในการสอนการวาดรูปนี้เราจะมุ่งเน้นไปที่ลำตัว..

วิธีการเปลี่ยนแบบอักษรใน Bio Twitter ของคุณ

วิธีการ Sep 14, 2025

มีผู้คนจำนวนมากบน Twitter - 261 ล้านบัญชี Twitter ครั้งสุดท..

วิธีการปั้นจมูกมนุษย์ใน zbrush: 4 ขั้นตอนง่าย ๆ

วิธีการ Sep 14, 2025

จมูกของมนุษย์มาในทุกรูปแบบและขนาด อย่างไรก็�..

ใช้ถุงเครื่องมือ Marmoset เพื่อนำเสนอรุ่นใน VR

วิธีการ Sep 14, 2025

Ballbag Marmoset ไม่มีวิธีการใหม่สำหรับ ศิลปะ 3 มิติ ..

วิธีการปรับใบหน้าสำหรับแอนิเมชั่น

วิธีการ Sep 14, 2025

เมื่อฉันเรียนรู้ครั้งแรกที่จะสร้าง Rigs ตัวละคร..

ทาสีชีวิตที่แสดงออกในอะคริลิก

วิธีการ Sep 14, 2025

ยังคงมีชีวิตไม่ใช่ถ้วยชาของทุกคน - ใช้ชุดหนึ่งของ เทคนิคการวาดภ�..

วิธีการปั้น Goblin ที่พิมพ์ 3 มิติ

วิธีการ Sep 14, 2025

แนวคิดสำหรับโครงการนี้เห็ด Goblin มาจากการวาดภาพ�..

หมวดหมู่