npm (Node Package Manager) คือ Package manager สำหรับ Node.js ที่ช่วยในการจัดการ Package หรือ Library ต่างๆ ที่ใช้ในโปรเจ็ค มาดูคำสั่งที่ใช้บ่อยกันครับ
ตรวจสอบเวอร์ชั่น
npm -v
เริ่มต้นโปรเจ็คใหม่
สร้างไฟล์ package.json สำหรับโปรเจ็คใหม่
npm init
ถ้าต้องการข้าม Prompt ทั้งหมดและใช้ค่า Default ให้ใช้ -y flag
npm init -y
ติดตั้ง Package
ติดตั้ง Package ทั้งหมดจาก package.json
npm install
ติดตั้ง Package ใหม่
npm install <package-name>
# ย่อ
npm i <package-name>
ติดตั้งเป็น dependencies (ค่า Default)
npm install <package-name> --save
# หรือ
npm install <package-name> -S
ติดตั้งเป็น devDependencies (ใช้เฉพาะตอนพัฒนา)
npm install <package-name> --save-dev
# หรือ
npm install <package-name> -D
ติดตั้งแบบ Global
npm install -g <package-name>
ติดตั้งหลาย Package พร้อมกัน
npm install <package1> <package2> <package3>
ถอนการติดตั้ง Package
ถอนการติดตั้งจากโปรเจ็ค
npm remove <package-name>
# หรือ
npm uninstall <package-name>
ถอนการติดตั้ง Global Package
npm remove -g <package-name>
แสดงรายการ Package ที่ติดตั้ง
แสดง Package ในโปรเจ็ค
npm list
แสดง Global Package
npm list -g
แสดง Global Package แบบ Depth 0 (แสดงเฉพาะ Top-level)
npm -g list --depth=0
อัพเดท Package
อัพเดท Package ทั้งหมดในโปรเจ็ค
npm update
อัพเดท Package เฉพาะชื่อ
npm update <package-name>
Run Script
ดู Script ทั้งหมดที่กำหนดไว้ใน package.json
{
"scripts": {
"dev": "next dev",
"build": "next build",
"start": "next start",
"test": "jest"
}
}
npm run dev
npm run build
npm start
npm test
หมายเหตุ:
npm startและnpm testไม่ต้องใส่runได้ครับ
เคลียร์ Cache
เมื่อมีปัญหาด้าน Package อาจลองเคลียร์ Cache ก่อน
npm cache clean --force
ดูรายละเอียด Package
npm info <package-name>
ค้นหา Package
npm search <keyword>
สรุปคำสั่งที่ใช้บ่อย
| คำสั่ง | ความหมาย |
|---|---|
npm init -y |
สร้าง package.json ใหม่ |
npm install |
ติดตั้ง Package ทั้งหมดจาก package.json |
npm install <name> |
ติดตั้ง Package ใหม่ |
npm install -D <name> |
ติดตั้งเป็น devDependency |
npm install -g <name> |
ติดตั้งแบบ Global |
npm remove <name> |
ถอนการติดตั้ง Package |
npm list |
แสดงรายการ Package ที่ติดตั้ง |
npm update |
อัพเดท Package ทั้งหมด |
npm run <script> |
Run npm script |
npm cache clean --force |
เคลียร์ Cache |