Frontend

[Vue.js] 게시판 만들기 - 세팅

케키키케 2024. 5. 20. 22:58

 

1.  환경 세팅

아래 가이드를 참고하여 node와 npm 설치

https://bachong.tistory.com/76

 

NVM(Node Version Manager) 설치 및 Node 설치

1. 설치 파일 다운로드 - nvm-setup.zip https://github.com/coreybutler/nvm-windows/releases Releases · coreybutler/nvm-windowsA node.js version management utility for Windows. Ironically written in Go. - coreybutler/nvm-windowsgithub.com 2. nvm

bachong.tistory.com

 

2. vue 설치

> npm install -g @vue/cli

 

 

3. vue 프로젝트 생성

>vue create test-board

Vue CLI v5.0.8
? Please pick a preset: (Use arrow keys)
> Default ([Vue 3] babel, eslint)   //선택
  Default ([Vue 2] babel, eslint)
  Manually select features
  
  ...
 
  
📄  Generating README.md...

🎉  Successfully created project test-board.

 

 

4. 프로젝트 실행

👉  Get started with the following commands:

 $ cd test-board
 $ npm run serve
 

 INFO  Starting development server...


 DONE  Compiled successfully in 6967ms                                                                     오후 10:56:27

  App running at:
  - Local:   http://localhost:8080/

  Note that the development build is not optimized.
  To create a production build, run npm run build.

 

 

localhost:8080으로 접속