[Node.js] 노드.js 설치, Vite 설정 및 개발 서버 구동

1. Node.js 공식 홈페이지의 설명에 따라 설치 진행

https://nodejs.org/en/download

Node.js — Download Node.js®

node, fnm(Node.js 버전 관리 프로그램), npm(패키지 관리 프로그램) 등은 본인 계정의 홈 디렉터리/.local/share/fnm/ 아래에 설치된다.

 

 

2. Vite(개발환경용 웹 서버) 설치

npm install vite

 

 

3. Vite 설정

vite.config.js

import { defineConfig } from 'vite'
import react from '@vitejs/plugin-react'

// https://vite.dev/config/
export default defineConfig({
  plugins: [react()],
  server: {
    host: "서버 프로세스가 리스닝 할 IP 주소",
    port: 8080,
  },
})

server: {} 부분의 host와 port를 지정한다.

host는 문자열, port는 정수 속성이다.

 

 

4. 개발환경용 웹 서버 실행

Foreground에서 실행

npm run dev

 

Background에서 실행하되, 세션 종료 후에도 프로세스 유지

nohup npm run dev &