vue - 기본 설정

https://cli.vuejs.org/#getting-started

Vue CLI

 

은퇴를 준비중인 관리자이다.

기존에는 iOS를 개발했었는데, 어느샌가 관리직으로 전환한지 시간이 흘렀다.

돈 벌수 있는 무언가를 좀 해보고 싶은데, 마땅히 떠오르지 않아서 

웹이라고 풀스택으로 개발해보고 싶어졌다.

 

# nvm 다운로드 및 설치:
curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.40.1/install.sh | bash
# Node.js 다운로드 및 설치:
nvm install 22
# Node.js 버전 확인:
node -v # "v22.14.0"가 출력되어야 합니다.
nvm current # "v22.14.0"가 출력되어야 합니다.
npm 버전 확인:
npm -v # 10.9.2가 출력되어야 합니다.

 

 

그래서 vue를 공부중이다.

 

 

기본 셋팅을 진행하자

npm install -g @vue/cli

 vue cli를 설치하고, vue 프로젝트를 만든다

 

vue create myproject

vue3로 진행한다.

 

 $ cd myproject
 $ npm run serve

 

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

 

 

http://localhost:8080/를 브라우저에서 호출하면 기본 화면이 보인다.

 

위 익스텐션을 설치하면 vue 소스가 색이 입혀진다.

날 코딩을 줄여준다.

여기까지가 기본 셋팅 끝이다.