Web/Quasar

Quasar 시작하기

leonhong 2024. 1. 24. 16:22

관리 프로그램들 설치

  Node.js 설치(v20.11.1) 

  $ npm install -g yarn (yarn v1.22.21 설치)
  $ yarn --version (설치후 버전 확인)

 

  Yarn 실행경로를 path 등록 : %LOCALAPPDATA%\yarn\bin을 path에 추가

  $ yarn global add @quasar/cli (v2.3.0)

Quasar 프로젝트 시작하기

  $ yarn create quasar 

  설치시 질문이 많은데 대부분 Recommanded를 선택하면 되고 거의 마지막 즈음에 "Check the feautees ......" 이 나오는데, 이 때는 필수적으로 선택해야 할 것들이 있음(나중에 업그레이드로 설치하기가 간단치 않아서 미리 선택하는게 나음)

  - Linting (vite-plugin-checker + ESLint + vue-tsc) : 타입스크립트용 lint 도구

  - State Management (Pinia) : 상태(전역변수) 관리
  - axios : 통신
  - vue-i18n : 다국어 설정

프로젝트 설정값

프로젝트 실행

$ cd <project_folder_name>

$ quasar dev (quasar cli path를 환경변수에 등록해야 동작함)

 

 

 

 

만일 Quasar를 이용하여 Desktop Application을 개발하고 싶다면 아래글로 이동

Quasar를 이용한 Desktop Application 개발 (https://dev-leon.tistory.com/58)

 

Quasar Desktop App 시작하기

먼저 아래 글을 참조하여 Quasar 개발 환경을 설치하고 와야 합니다. https://dev-leon.tistory.com/57

dev-leon.tistory.com