[개인프로젝트] 1.Vue.js 프로젝트 생성

프로젝트 세팅

개발환경 : vue/cli, node, vscode

 

1. vue/cli 설치 (vue 프레임워크를 쉽고 빠르게 사용할 수 있게 제공해주는 인터페이스)

 - npm i -g @vue/cli

 - vue --version

정상적으로 설치 된 것을 확인할 수 있다.

 

2. vue 프로젝트 생성

 - vue create [프로젝트명] 인줄 알았는데 vue/cli 3.x 이상 버전에선 안되서 

vue.cmd [프로젝트명] 으로 생성 진행하였다.

Manually Select Features 선택 ( 그냥 과정을 보고 싶어서)

 

Router, Css, Vuex 추가 선택

2.x 버전 선택

=> 3.x 버전도 상관은 없지만 그냥 난 안정적으로 사용할 수 있는 2.x 버전을 선택

 

=> 사용자가 보기 쉬운 URL로 사용해주는(?) 기능이라던데 무튼 Y..

 

node-sass

=> CSS 전처리기로는 SCSS 선택

저장시 lint 검사

별도의 설정파일을 만들것인지

추후 프로젝트에서도 이 설정을 적용할것인가.

프로젝트 생성 완료 !! 

- npm run serve를 입력하면 

localhost:8080 접속