1. 환경 세팅
아래 가이드를 참고하여 node와 npm 설치
https://bachong.tistory.com/76
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으로 접속
'Frontend' 카테고리의 다른 글
[Vue.js] 게시판 만들기 - 디자인 개선(ChatGPT와 함께하는..) (0) | 2024.05.20 |
---|---|
[Vue.js] 게시판 만들기 - 아주 간단한 게시판(이라고 말하기도 뭐한..) (0) | 2024.05.20 |
NVM(Node Version Manager) 설치 및 Node 설치 (0) | 2024.05.20 |
Node, NPM 버전 업데이트 오류 해결 (0) | 2024.05.20 |
리액트 시작하기(작성중) (0) | 2022.09.12 |