สมัครเรียนโทร. 085-350-7540 , 084-88-00-255 , ntprintf@gmail.com

Tutorial Web Programming

A01 JavaScript01 HelloWorld A02 JavaScript02 HelloWorld by Class A03 JavaScript03 Object A04 JavaScript04 Prototype A05 JavaScript05 Closure A06 NodeJS01 HelloWorld A07 npm01 Intro A08 React01 HelloWorld A09 AngularJS01 HelloWorld A10 VueJS01 HelloWorld A11 webpack01 Intro A12 ASPNET01 HelloWorld A13 Flask01 HelloWorld A14 Windows CommandLine A15 GoogleCloudPlatform Product A16 GoogleAppEngine01 HelloWorld A17 WhatIs01 WebServer A18 WhatIs02 API A19 WhatIs03 Linux A20 Linux CommandLine A21 Android01 HelloWorld A22 Android02 Gradle A23 Maven HelloWorld A24 Nancy HelloWorld A25 WhatIs04 Protocol A26 HowTo01 Install Ubuntu Desktop A27 HowTo02 Install WebServer on Ubuntu A28 HowTo Install PrestaShop with php8 A29 HowTo Install XAMPP on Ubuntu A30 HowTo Install WordPress on XAMPP on Ubuntu A31 React02 Create and Run React Application A32 React03 Simple Web Application - People Counter A33 React04 Simple Web Application - People Counter 2 A34 React05 Web Application - Dictionary A35 React06 Web Application - Multiple Pages A36 React07 Web Application - Multiple Pages with APIs A37 React08 Web Application - Calculator A38 React09 Web Application - SpO2 Tracker A39 React10 Web Application - Smart Parking A40 Create AWS EC2 instance A41 Create WebApp Using Django on EC2 A42 JavaScript06 Understanding JavaScript Loop A43 HowTo Install CKEditor5 on Your Website

npm01_Intro

npm คืออะไร

npm ย่อมาจาก Node Package Manager เพราะตอนแรกสุดมันถูกสร้างมาเพื่อใช้เป็นตัวจัดการ package สำหรับ Node.js

ถ้าเปรียบเทียบกับสถานที่ npm ก็เป็นเหมือนสำนักทะเบียนที่รวบรวม software library ที่ใหญ่ที่สุดในโลก โดยมี library ที่ลงทะเบียนอยู่มากกว่า 800,000 packages ซึ่งทุกคนสามารถเข้ามาใช้งานได้ฟรี บรรดาผู้พัฒนาโปรแกรมจึงนิยมใช้ npm เพื่อแชร์ package ที่ตนเองเขียน หรือโหลด package ที่คนอื่นเขียนมาใช้ (public software package) และหลายๆองค์กรก็ใช้ npm ในการพัฒนาโปรแกรมส่วนตัวขององค์กรด้วย (private software package)

ประโยชน์ของ npm 

  • ใช้แชร์ package ของเราให้คนอื่น
  • ใช้ดาวน์โหลด package ที่มีคนเขียนแล้วแชร์ไว้ได้ ทำให้เราไม่ต้องเขียนโค้ดเองทั้งหมด
  • สามารถเชื่อมต่อกับ git ได้
  • สามารถจัดการ dependencies ได้ โดย npm จะทำการติดตั้งทุก dependencies ที่โปรเจกต์นั้นๆต้องใช้ให้
  • กรณีจ่ายเงิน สามารถสร้าง private software package เพื่อแชร์เฉพาะคนในองค์กรได้

มาลง npm กันเถอะ

วิธีที่ง่ายที่สุดในการลง npm คือการติดตั้ง Node.js เนื่องจากมันติดมาด้วยกันเลย ผู้อ่านสามารถลง Node.js ได้โดยดาวน์โหลดจากเว็บ [1] และดูวิธีติดตั้งได้จากบทความ NodeJS_HelloWorld

หลังจากลง Node.js เสร็จแล้วให้ลองทดลองว่ามีการติดตั้ง npm เรียบร้อยแล้วหรือยังโดยเปิด Command Prompt ขึ้นมาแล้วพิมพ์คำสั่ง npm ถ้าไม่มีปัญหาอะไรก็จะขึ้นรายละเอียดคล้ายในภาพ

หลังจากติดตั้ง npm เรียบร้อยแล้ว ต่อไปเรามามาลองติดตั้ง software ผ่านทาง npm นี้กัน โดยเจ้าตัว npm จะมีสิ่งที่เรียกว่า CLI ซึ่งย่อมาจาก Command Line Client ทำให้เราสามารถดาวน์โหลดและติดตั้ง software ได้โดยพิมพ์คำสั่งต่อไปนี้ใน Command Prompt

npm install <package>

ตรงส่วน <package> ให้ใส่ชื่อสิ่งที่เราต้องการติดตั้ง มาลองทำกันดูครับ 

ในตัวอย่างนี้เราจะทดลองติดตั้ง library ชื่อ lodash แบบ local กันครับ

1. ก่อนอื่นเปิดโฟลเดอร์ที่ต้องการติดตั้ง software ด้วยคำสั่ง cd แล้วตามด้วย path ของโฟลเดอร์นั้น ในตัวอย่างนี้เป็นโฟลเดอร์ชื่อ npm_test

2. พิมพ์คำสั่ง npm install lodash เพื่อทำการติดตั้ง แล้วก็รอๆๆจนเสร็จ

3. หลังจากเสร็จแล้วให้ลองเปิดโฟลเดอณืที่ติดตั้งไว้ดู จะพบว่ามีไฟล์เพิ่มขึ้นมา 2 ไฟล์คือ ไฟล์ชื่อ package-lock.json ซึ่งถ้าลองเปิดดูจะเห็นว่าใน dependencies มี lodash อยู่และโฟลเดอร์ชื่อ node_modules ซึ่งถ้าลองเปิดมาจะเห็นว่ามีโฟลเดอร์ lodash อยู่ในนี้

จบแล้วครับสำหรับเรื่อง Intro to npm อย่างย่อๆ 

สุดท้ายนี้ถ้าผู้อ่านอยากเรียนรู้เรื่อง JavaScript และเรื่องเกี่ยวกับ Web Programming อย่างลึกซึ้งก็ขอแนะนำคอร์ส Web Programming ของทาง EPT ครับ สามารถดูรายละเอียดคอร์สได้โดยคลิกที่นี่ หรือติดต่อได้ที่ 085-350-7540

แล้วพบกันใหม่บทความหน้านะครับ

 

ที่มาและเว็บไซต์อ้างอิง

[1] https://nodejs.org/en/
[2] https://www.npmjs.com/
[3] https://www.w3schools.com/whatis/whatis_npm.asp

 



บทความนี้อาจจะมีที่ผิด กรุณาตรวจสอบก่อนใช้

หากมีข้อผิดพลาด/ต้องการพูดคุยเพิ่มเติมเกี่ยวกับบทความนี้ กรุณาแจ้งที่ http://m.me/Expert.Programming.Tutor

ไม่อยากอ่าน Tutorial อยากมาเรียนเลยทำอย่างไร?

สมัครเรียน ONLINE ได้ทันทีที่ https://elearn.expert-programming-tutor.com

หรือติดต่อ

085-350-7540 (DTAC)
084-88-00-255 (AIS)
026-111-618
หรือทาง EMAIL: NTPRINTF@GMAIL.COM

แผนที่ ที่ตั้งของอาคารของเรา

C Article


C++ Article


Java Article


C#.NET Article


VB.NET Article


Python Article


Golang Article


JavaScript Article


Perl Article


Lua Article


Rust Article


Article


Python


Python Numpy


Python Machine Learning



แผนผังการเรียนเขียนโปรแกรม

Link อื่นๆ

Allow sites to save and read cookie data.
Cookies are small pieces of data created by sites you visit. They make your online experience easier by saving browsing information. We use cookies to improve your experience on our website. By browsing this website, you agree to our use of cookies.

Copyright (c) 2013 expert-programming-tutor.com. All rights reserved. | 085-350-7540 | 084-88-00-255 | ntprintf@gmail.com

ติดต่อเราได้ที่

085-350-7540 (DTAC)
084-88-00-255 (AIS)
026-111-618
หรือทาง EMAIL: NTPRINTF@GMAIL.COM
แผนที่ ที่ตั้งของอาคารของเรา