How to Dev

Quasar 개발 환경 설정

거울나라 2021. 8. 17. 10:24

vue.js 기반의 웹/앱 개발 프레임워크

- node.js 설치

- quasar 설치

 

1. node.js 설치

https://nodejs.org/ko/download/

 

다운로드 | Node.js

Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine.

nodejs.org

- 윈도우 인스톨러를 다운로드 받아 설치 진행

 

2. quasar 설치

윈도우 메뉴에서 node.js command prompt 실행
명령 프롬프트 화면

# d 드라이브로 이동
d:
# 폴더 생성
mkdir tuna-app
# 폴더로 이동
cd tuna-app
# 폴더 안의 정보 검색
dir
# node 버전 확인
node -v

# quasar 설치
npm install -g @quasar/cli

# quasar 설치 확인
quasar -v

3. visual studio code 설치 및 설정

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

윈도우 설치 파일 다운로드 후 설치

visual studio code 개발 기본 설정

https://quasar.dev/start/vs-code-configuration#introduction

 

Configure VS Code | Quasar Framework

How to configure VSCode for best usage with Quasar.

quasar.dev

 

visual studio extensions 설정
visual studio code 실행 후 Marketplace에서 항목 찾기 및 설치
Install 버튼을 클릭하여 설치