본문 바로가기

[VUE] ui 개발을 위한 Vuetify plugin 설치 빠른 설치환경을 위해 Vue CLI 를 사용하고 프론트 디자인은 전문 영역이 아니기때문에 Vuetify 를 사용한다. - vue 3.x 버전 프로젝트에서는 설치가 되지 않을 수 있다. Brower 지원 확인 vuetifyjs.com/en/getting-started/browser-support/ Browser support Vuetify is a progressive framework that supports all evergreen browsers and IE11 / Safari with polyfill. vuetifyjs.com 설치 / 삭제 설치를 위해서 필요한 것 Vue CLI 1. 설치 - 아래 두 명령어중 하나로 설치 npm install -g @vue/cli yarn global add @v.. 더보기
[VUE] CLI V3 프로젝트 개발 시 유용한 vscode 확장프로그램 목록 1. Vetur - Pine Wu Vue.js 코드 문법강조, 자동완성, 디버깅, Lint 등 지원 ​ 2. Vue 3 Snippets - hollowtree Vue.js 컴포넌트 속성 지원 및 자동완성 지원 Previous imageNext image ​ 3. Vue Peek - Dario Fuzinato 컴포넌트 추적 ​ 4. ESLint - Dirk Baeumer, Prettier - Prettier ESLint : 잘못된 코드 스타일로 인해 에러가 나지 않도록 코드 문법을 잡아주는 문법 검사기 Prettier : 코드 스타일을 정리해주는 도구 ​ 5. DotENV env 환경 파일 syntax ​ 6. Debugger for Chrome - Microsoft VSCode 안에서 디버깅을 도와주는 .. 더보기
[VUE] cli 3프로젝트 8080 포트 변경 Vue.js 를 시작하면 8080 포트로 서비스가 시작 됩니다. 8080 말고 다른 포트를 변경하고 싶을때는 package.json 파일을 아래와 같이 수정합니다. --port 8504 : 포트를 8504로 변경했습니다. npm run serve 명령어를 실행하여 포트 변경 확인 더보기