버전 확인
node -v
npm -v
이 상태에서 vue 프로젝트를 생성하려고 하니 아래와 같은 오류가 발생한다.
>vue create test-board
You are using Node v10-, but this version of @vue/cli requires Node ^12.0.0 || >=14.0.0.
Please upgrade tour Node version.
Node 랑 NPM을 옛날 옛적 설치하고, 새로 뷰 를 설치했더니 버전들이 너무 낮나보다.
요래저래 검색해서 Node 버전과 NPM 버전을 올리기로 결심!
Node 버전 업데이트 시도
1차 시도 : npm install -g
npm ERR! code EBADPLATFORM
npm ERR! notsup Unsupported platform ...
음..
2차 시도 : npm install npm@latest -g
npm WARN notsup Unsupported engine for npm@10-: wanted: {"node":"^18.17.0 || >=20.5.0"} (current: {"node":"10-","npm":"6.-"})
npm WARN notsup Not compatible with your version of node/npm: npm@10.-
npm ERR! code EEXIST
npm ERR! path ...
npm ERR! Refusing to delete... and not a link
npm ERR! File exists: ...
npm ERR! Remove the existing file and try again, or run npm
npm ERR! with --force to overwrite files recklessly.
npm ERR! A complete log of this run can be found in:
npm ERR! ...debug.log
음..
NVM을 이용한 버전 관리
NVM(Node Version Manager)을 통해 노드 버전 관리가 가능하다.
현재 이전 프로젝트로 인해 과거 버전 유지가 필요하여, 혼란 방지를 위해 사용
> nvm list
16.-
* 10- (Currently using 64-bit executable)
> nvm use 16.-
높은 버전이 있어서
한번 설정해본다.
버전 다시 확인
npm -v
node -v
Vue 프로젝트 생성
vue도 최신 버전으로 다시 설치해본다.
> npm install -g @vue/cli
프로젝트 생성
>vue create testboard
https://onethejay.tistory.com/58
* yarn/npm 빌드 비교
프로젝트 실행
프로젝트로 이동해서 한번 실행해보자.
> cd vue-testboard
> yarn serve
오류 없이 실행되었다면 접속해보자
localhost:8080
vue 기본 화면이 보일 것이다.
아래와 같은 메시지가 나온다.
Note that the development build is not optimized.
To create a production build, run yarn build.
run yarn build로 최적화가 가능하다.
'Frontend' 카테고리의 다른 글
[Vue.js] 게시판 만들기 - 디자인 개선(ChatGPT와 함께하는..) (0) | 2024.05.20 |
---|---|
[Vue.js] 게시판 만들기 - 아주 간단한 게시판(이라고 말하기도 뭐한..) (0) | 2024.05.20 |
[Vue.js] 게시판 만들기 - 세팅 (0) | 2024.05.20 |
NVM(Node Version Manager) 설치 및 Node 설치 (0) | 2024.05.20 |
리액트 시작하기(작성중) (0) | 2022.09.12 |