Vite란?

Vite(비트)Vue SFC를 지원하는 매우 가볍고 빠른 빌드 도구특징개발 서버를 구동할 때 매우 빠르다소스 코드에 변경이 일어났을 때, 전체 모듈을 번들링 하는게 아니라 변경된 모듈만 교체한다 vite.config.jsVite의 환경 설정 파일

  • format_list_bulleted Frontend/Vue.js
  • · 2024. 12. 1.

Vue는 무엇일까?

Vue는 ...User Interface 개발을 위한 자바스크립트 프레임워크HTML, CSS, JavaScript 기반으로 단순하거나 복잡한 UI를 효율적으로 개발하는 데 도움을 준다 Vue의 핵심 기능선언적 렌더링(Declarative Rendering)Vue는 템플릿 구문( {{ }} )으로 데이터를 선언적으로 렌더링 할 수 있다반응성(Reactivity)Vue는 JavaScript 상태 변경을 자동으로 추적하고, 변경이 발생하면 DOM을 효율적으로 업데이트한다

  • format_list_bulleted Frontend/Vue.js
  • · 2024. 11. 17.
Vue.js 개발하기 전, 설치하면 좋은 VSCode와 크롬 확장 프로그램

Vue.js 개발하기 전, 설치하면 좋은 VSCode와 크롬 확장 프로그램

✌️VSCode 확장 프로그램indent-rainbow들여쓰기할 때, 색깔을 넣어줘서 가독성을 높여준다  Auto Rename Tag태그 생성 및 수정시, 하나만 생성 및 수정하면 나머지 태그도 자동으로 반영해준다  CSS Peekhtml에서 선언된 css를 어디서 선언했는지 쉽게 찾을 수 있도록 도와준다   HTML to CSS autocompletion, HTML CSS Supporthtml과 css의 자동완성을 지원한다  Live Server코드를 자동 반영해주는 DEV 서버의 역할을 한다  ESLint코드 검사기, 코드에 에러가 있는지 검사해준다 Vue-OfficialVue 공식 확장 프로그램Vue VSCode Snippets싱글 파일 컴포넌트의 양식을 빠르게 생성해준다   ✌️ 크롬 확장 프로그..

  • format_list_bulleted Frontend/Vue.js
  • · 2024. 11. 17.