프로그래머가 된 티벳여우

App.vue에 navigation drawer 예제를 첨부하여 v-app-bar-nav-icon과 연결한다. list item에 :to를 통해 router-view에 연결할 페이지를 연결한다. 그리고 router-view를 통해 화면을 보여준다. Stock Rebalancing mdi-account John Leider {{ item.icon }} {{ item.title }}

2020/11/26 - [프로그래밍/Vue.js] - Vue.js 개발 환경 구축하기 Vue.js 개발 환경 구축하기 우선은 코드 편집툴입니다. Visual Studio Code 입니다. 바로 다운 받도록 합시다. https://code.visualstudio.com/ Visual Studio Code - Code Editing. Redefined Visual Studio Code is a code editor redef.. nonstop-antoine.tistory.com 지난 블로그에서는 Vue.js 개발환경을 구축해보았습니다. 이제 실제 화면들을 구축해볼텐데, html, css등에 자신이 있으신분들이라면 직접 하나하나 css를 만들어가면서 할 수 있습니다. 다만... 저같은 경우는 디자인의 디 자도..

1. VS Code에서 ESLint 플러그인 설치 2. 프로젝트 내에 package.json내에서 아래와 같이 수정 //path: 프로젝트 폴더 명/package.json "eslintConfig": { ... "extends": [ "plugin:vue/recommended", // essential에서 recommended로 변경 "eslint:recommended" ], ... }, 3. 프로젝트에서 탐색기 빈공간에 오른쪽 버튼 클릭 -> 폴더 설정 열기 선택 4. 설정의 검색창에 eslint 검색 후 setting.json 편접 클릭 5. 아래와 같은 내용 삽입 { "eslint.codeAction.showDocumentation": { "enable": true }, "eslint.validat..

우선은 코드 편집툴입니다. Visual Studio Code 입니다. 바로 다운 받도록 합시다. https://code.visualstudio.com/ Visual Studio Code - Code Editing. Redefined Visual Studio Code is a code editor redefined and optimized for building and debugging modern web and cloud applications. Visual Studio Code is free and available on your favorite platform - Linux, macOS, and Windows. code.visualstudio.com 이 툴의 강력한 점은 방대한 양의 플러그인을 제공해..