본문 바로가기 메뉴 바로가기

Half Road

프로필사진
  • 글쓰기
  • 관리
  • 태그
  • 방명록
  • RSS

Half Road

검색하기 폼
  • 분류 전체보기 (90)
    • 네트워크 (2)
    • 개발 (10)
    • 웹퍼블리싱 (7)
    • DB (2)
    • Linux (11)
    • 개발 환경구축 (21)
    • Git (5)
    • 개발일지 (4)
    • Vue.js (10)
    • python (5)
  • 방명록

unplugin-auto-import (2)
[Vue & TS] 자동 모듈 import 설정 하기 (With. Vite)

개발 환경vite + vue + typescript필요성개발을 하면서 대부분에 파일에서 필요한 모듈들이 있을 것이다.예를들어, 지금은 vue 프로젝트를 하니 vue 관련된 모듈들은 대부분 파일에서 import하고 있다.이러한 import 구문이 많아지면 가독성이 떨어지기도해서, build tool의 도움을 받아 자동으로 import를 하도록 설정하기로 하였다.설치설치 및 적용은 아주 간단하다.공식문서npm i -D unplugin-auto-import적용vite.config.tsimport AutoImport from 'unplugin-auto-import/vite'export default defineConfig({ plugins: [ vue(), AutoImport({ // global impor..

개발 환경구축 2024. 8. 9. 13:54
[Vue & TS] 자동 컴포넌트 import 및 전역 타입 생성 하기(With. Vite)

개발 환경vite + vue + typescript왜 사용하나?우리가 Vue 프로젝트를 하다 보면 전역 컴포넌트를 사용하는 일이 생긴다.또 플러그인으로 전역적으로 컴포넌트를 등록하는 일도 있다. (router, vuetify, pinia 등)이러한 전역 컴포넌트 사용 할 때 자동완성 기능의 도움을 받을려면 전역 컴포넌트에 대한 타입을 설정해주어야 한다.이뿐만 아니라 프로젝트내에 생성된 컴포넌트들도 자동으로 전역 컴포넌트를 등록해주는 기능을 한다.전역 컴포넌트 타입 등록 방법components.d.tsRouter를 Plugin 등록하여 사용하면 RouterLink, RouterView를 전역적으로 사용 가능 한데,이 두 Component 타입을 전역적으로 등록하기 위해 아래와 같이 작성한다.// compo..

개발 환경구축 2024. 8. 9. 13:09
이전 1 다음
이전 다음
공지사항
최근에 올라온 글
최근에 달린 댓글
Total
Today
Yesterday
링크
TAG
  • 오블완
  • unmounted document.addlistener
  • vue 리팩토링
  • unmounted composable
  • 티스토리챌린지
  • nuxt3 eslint prettier 설정
  • 외래키 삭제
  • 1종 적성검사 국가건강검진
  • vue 이벤트 해제
  • nuxt3 structure
  • vue watch 문제점
  • Oracle Database 19C 설치
  • vue unmounted
  • oracle 19c 설치
  • dockerignore
  • nuxt3 quasar 설정
  • vue 타이머 해제
  • docker image 경량화
  • vue watch 대체
  • unplugin-auto-import
  • 1종 적성검사 과태료
  • vue watch 위험성
  • 스마트피싱보호_캠페인
  • nuxt3 프로젝트 설정
  • Oracle Database 19c install
  • 스파르타 코딩클럽
  • unmounted setinterval
  • 1종 적성검사 신체검사
  • docker multi stage build
  • vue onunmounted
more
«   2025/08   »
일 월 화 수 목 금 토
1 2
3 4 5 6 7 8 9
10 11 12 13 14 15 16
17 18 19 20 21 22 23
24 25 26 27 28 29 30
31
글 보관함

Blog is powered by Tistory / Designed by Tistory

티스토리툴바