หน้าแรก/บทความ/คำสั่ง NPM เบื้องต้น
กลับหน้าบทความ
📦Node.js

คำสั่ง NPM เบื้องต้น

รวมคำสั่ง npm ที่ใช้บ่อยสำหรับจัดการ Package ใน Node.js ตั้งแต่ init, install, remove, list, update ไปจนถึงการ run script และ clear cache

ศิริชัย ธีรภัทรสกุล (ตั้ม)อ่าน 4 นาที15 พฤษภาคม 2563
#npm#Node.js#Package Manager#Command Line#JavaScript

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

🚀 รับพัฒนาเว็บไซต์ & เว็บแอพพลิเคชั่น

สนใจดูตัวอย่างงานหรือสอบถามเพิ่มเติม ติดต่อได้เลยครับ โค้ดโมทีฟ (CodeMotive)