vuejs

ESlint error가 화면을 덮지 않게 설정해보자

ESlint ESlint error가 화면을 덮지 않게 하고 싶다. >>> 웹팩 devServer overlay 설정을 끈다. npm run serve 이후, 선언한 변수 중 사용되지 않은 변수가 있거나 등등의 사소한 실수가 있으면, eslint 에러가 화면을 덮는다. 이 부분은 웹팩 dev 기능 중 하나인데, 코드를 수정하는 중에 계속 화면을 덮는 에러를 x 를 눌러 꺼야한다는 점에서 매우 번거롭고 생산성을 저해한다. 아래 방법을 통해 eslint가 화면에 표시되지 않게 할 수 있다. 그 방법은 바로.. 웹팩 devServer overlay 를 끄는 것이다. 1. new file > vue.config.js 파일을 생성한다. 2. 생성하면 자동으로 이렇게 쓰여있는 파일이 생성되는데 const { def..

NVM으로 node 버전 변경을 해보자 (windows)

상황에 따라 node 버전을 관리해야 할 때가 있다. 프로젝트 마다 버전이 다를 경우. .. nvm으로 관리하면 편하다 OS 별로 설치 방법이 달라서 혼란을 겪는 경우가 많아서 windows에서 사용 방법을 작성해보기로 했다. 1. programfiles/nodejs 폴더 삭제 2. Users/[username]/Appdata/Roaming 으로 가서 npm, nvm 폴더 삭제 3. 아래 링크에서 nvm-setup.zip을 다운로드 받은 뒤, 압축 풀고 nvm-setup.exe를 실행해서 설치한다. nvm windows 다운로드 링크 4. cmd를 관리자 권한으로 실행하고 명령어 입력 nvm install 18.16.0 nvm use 18.16.0 아래는 10.x.x로 버전 지정한 뒤, 18.16.0으로..

Vuex 설치하고 등록하기

Vuex 설치 1. 터미널에 명령어 입력 - 설치 시 버전을 명시해야하니 사용하는 vue 프로젝트 환경과의 호환성을 잘 확인 할 것. > cd [설치경로] > npm i vuex@3.6.2 --save PS C:\Users\kim\Desktop\learnVue\PFV> cd .\todo\ PS C:\Users\kim\Desktop\learnVue\PFV\todo> npm i vuex@3.6.2 --save added 1 package, and audited 951 packages in 1s 102 packages are looking for funding run `npm fund` for details found 0 vulnerabilities 2. 설치 되었는 지, package.json파일 내 dep..

Vue CLI 설치하고 프로젝트 파일 생성하기

CLI 설치하기 node.js 를 설치하면 npm이 자동 설치된다. (위 링크 클릭 후 좌 우 중 좌측 LTS 다운로드) (npm이란? 노드 패키지 매니저다) 아래 명령어로 버전 확인 하고 > node -v v18.15.0 > npm -v 9.6.2 install 명령어 npm install -g @vue/cli 를 입력하면 설치 된다. 설치 완료 되었는지 아래 명령어로 버전을 확인하면 된다. > npm install -g @vue/cli > vue --version 공식문서 설치 가이드 주의 사항 - vs코드 터미널에서 실행 시, 윈도우는 vue가 아니라 vue.cmd로 실행해야 관리자 모드로 명령할 수 있다. - 외부 터미널에서 실행 시 cmd를 관리자 권한으로 실행해야 한다. - 환경변수 추가가 필..