Back to Home

How to install Node.js and NPM on your computer

What is Node.js

Node.js คือ runtime ที่สามารถ execute โค้ด JavaScript นอก web browser ได้ (พูดง่าย ๆ คือทำให้เราสามารถรันโค้ด JavaScript ใน terminal ได้)

But What is a Terminal?

Terminal เป็นโปรแกรมที่เพื่อป้อนคำสั่งต่าง ๆ ให้กับคอมพิวเตอร์ (เช่น รันโค้ด, เปิด server)

1. Install the terminal

หมายเหตุ : Terminal ที่ใช้จำต้องเป็น Unix-based เช่น Bash, Fish, Zsh

MacOS

สามารถใช้โปรแกรม Terminal ที่มีอยู่ในเครื่องได้เลย

terminal

Windows

ใช้โปรแกรม Git Bash (Install)

2. Install NVM (Node Version Manager)

1. Copy โค้ดดังกล่าวใส่ Terminal แล้วกด Enter

curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.39.1/install.sh | bash

install-nvm

2. เปิดไฟล์ (windows - ~/.bashrc ; macos - ~/.zshrc) แล้วเพิ่มบรรทัดดังกล่าวลงไปด้านล่างของไฟล์

วิธีเปิดไฟล์ (ใช้ nano หรือ vim ก็ได้)

windows

nano ~/.bashrc

macos

nano ~/.zshrc

โค้ดที่ต้อง Copy

export NVM_DIR="$([ -z "${XDG_CONFIG_HOME-}" ] && printf %s "${HOME}/.nvm" || printf %s "${XDG_CONFIG_HOME}/nvm")"
[ -s "$NVM_DIR/nvm.sh" ] && \. "$NVM_DIR/nvm.sh" # This loads nvm

bashrc

เสร็จแล้วให้ออกจาก nano โดยกด Ctrl+X แล้ว Y แล้ว Enter

3. Restart Terminal ด้วยการรันคำสั่ง

windows

source ~/.bashrc

macos

source ~/.zshrc

4. รันคำสั่งติดตั้ง Node.js เวอร์ชัน LTS ล่าสุด

nvm install node --lts

install-done

3. ทดสอบการติดตั้ง

node -v # เวอร์ชัน Node ปัจจุบัน

[BONUS] How to use Vim

Vim เป็น Text Editor ใน Command-Line โดยโปรแกรมจะโฟกัสไปที่การทำงานด้วยคีย์บอร์ด 100% และมีคำสั่ง Shortcut มากมาย ที่ทำให้ไม่จำเป็นต้องเสียเวลามาจับเมาส์ ทำให้การทำงานสะดวกมากยิ่งขึ้น

วิธีใช้ Vim

real programmers

Further Reading

  1. https://github.com/nvm-sh/nvm

  2. https://learn2torials.com/a/how-to-install-nvm

  3. https://docs.microsoft.com/en-us/windows/wsl/install

  4. https://dev.to/sloan/explain-the-difference-between-shell-console-terminal-command-line-etc-like-im-five--55cf