로메오의 블로그

VUE.JS 목록 Test Reactive {{ username }} 이름 변경 제품명: {{ item }}, 가격: {{ price }} 제품 변경 VUE.JS 목록

VUE.JS 목록 Option 방식 Test Option 증가 Composition 방식 Test Composition 증가 script-setup 방식 Test Setup 증가 Child 콤포넌트 Option 방식 TestOption.vue Test Option 증가 TestOptionItem.vue Test Option Item name: {{ name }} age: {{ age }} birth: {{ birth }} Composition 방식 TestComposition.vue Test Composition 증가 TestCompositionItem.vue Test Composition Item name: {{ name }} age: {{ age }} birth: {{ birth }} Setup 방식..

VUE.JS 목록 Volar는 VSCode에서 구문 강조 표시, typescript 지원, 템플릿 표현식 및 구성 요소를 도와줘서 코딩을 편리하게 해줍니다. 지금 Vetur가 설치되어 있어서 Vetur로 경고가 표시됩니다. Vetur 비활성화 기존에 Vetur를 사용했다면 VSCode에서 Vetur를 해당 프로젝트에서만 비활성화 해줍니다. (다른 프로젝트에서는 사용할 수 있음) Vetur를 비활성화하면 .vue 파일 코드에 색상을 표시하지 않습니다. Volar 설치 Volar를 검색해서 두개의 플러그인을 설치합니다. 사용 안함으로 변경했다가 현재 프로젝트에서만 사용할 수 있도록 설정합니다. .vue 파일이 다시 색상이 표시됩니다. eslint 설정 코드에 노란색 줄 표시가 되어 있습니다. command ..

VUE.JS 목록 Vuetify 설치 $ cd vite-test $ vue add vuetify ? Choose a preset: Vuetify 2 - Configure Vue CLI (advanced) Vuetify 2 - Vue CLI (recommended) Vuetify 2 - Prototype (rapid development) ❯ Vuetify 3 - Vite (preview) Vuetify 3 - Vue CLI (preview) Vuetify 3 - Vite 용으로 설치합니다. 2022년 9월 5일 현재 Beta 1.0 입니다. 서버구동 $ npm run dev VUE.JS 목록

VUE.JS 목록 버전확인 $ npm -version 8.11.0 $ vue --version @vue/cli 5.0.1 프로젝트 생성 $ npm init vue@latest Need to install the following packages: create-vite-app Ok to proceed? (y) create-vite-app 이 없으면 설치합니다. npm install이 되지 않은 상태이니 프로젝트에 진입해서 npm install 합니다. 모듈 설치 $ cd vite-test $ npm install $ code . 구동하기 $ npm run dev 배포하기 $ npm run build dist 폴더에 배포되었습니다. VUE.JS 목록

보호되어 있는 글입니다.

Source tree 맥에서 비밀번호가 저장되지 않고 계속 물어보는 이슈가 있습니다. $ git config --global credential.helper osxkeychain 위 명령어를 실행하고 source tree에서 pull 하면 맥 키체인에 접근 요청을 합니다. 맥 로그인 암호를 입력하고 항상 허용을 누릅니다. 이제 Source tree에서 비밀번호 재입력 없이 사용 가능합니다.

VUE.JS 목록 설치 $ npm install --save-dev d3 $ npm install --save-dev @types/d3 VUE.JS 목록