본문 바로가기

Vue

(3)
vue 프로젝트 생성 및 Lint 적용하기(3) - eslint 룰 설정 및 오류 제거하기 지난편에 이어서 진행한다. vue 프로젝트 생성 및 Lint 적용하기(2) - Lint 설정하기 지난편 참고 https://mkonji23.tistory.com/18?category=831983 vue 프로젝트 생성 및 Lint 적용하기(1) - vue 프로젝트 생성하기 1.개요 vue-cli로 vue 프로젝트를 생성하고, eslint 적용시켜서 실행하는 과정.. mkonji23.tistory.com 일단 비쥬얼 스튜디오코드 를 종료했다가 새창으로 연다. 파일- 폴더열기를 통해 front 프로젝트가 있는 폴더를 열어서 재실행해준다. 이렇게 새로 창을 열어주는 이유는 작업영역을 front 폴더에 위치해 주기 위해서이다. 안그러면 나중에 이상한 오류가 나서 굉장히 곤란하다. ex) Can't not foun..
vue 프로젝트 생성 및 Lint 적용하기(2) - Lint 설정하기 지난편 참고 https://mkonji23.tistory.com/18?category=831983 vue 프로젝트 생성 및 Lint 적용하기(1) - vue 프로젝트 생성하기 1.개요 vue-cli로 vue 프로젝트를 생성하고, eslint 적용시켜서 실행하는 과정을 보여준다. 그 과정에서 생기는 개같은 lint 문제를 해결하는 방법을 보여준다 2.환경 @vue/cli 4.3.1 node.js v12.16.3 비쥬얼�� mkonji23.tistory.com 터미널에 cd front 로 front 폴더로 이동해 준다 eslint --init 입력 .eslintrc.js 파일이 생성되면 기본적인 세팅은 완료되었다. 다음 편에서는 vue화면을 실행해서 lint 오류를 잡는 과정을 보여준다.
vue 프로젝트 생성 및 Lint 적용하기(1) - vue 프로젝트 생성하기 1.개요 vue-cli로 vue 프로젝트를 생성하고, eslint 적용시켜서 기본적인 vue프로젝트를 구성하는 과정을 보여준다. 2.환경 @vue/cli 4.3.1 node.js v12.16.3 비쥬얼스튜디오코드 3. 설치과정 위의 기본환경은 세팅되어있다고 가정한다. Visual Stdio Code 실행 및 플러그인 설치 좌측 하단에 마켓플레이스로 들어가서 Eslint, Vetur를 설치한다(Prettier는 생략했다) Eslint 설치 Vetur 설치 vue 프로젝트 생성 상단 터미널 메뉴로 터미널을 실행시킨다. vue create front(프로젝트명)을 입력한다. vue-cli를 설치했다면 아래 그림과 같은 메뉴가 등장한다. Manully select feaures 선택 Babel, Router, ..