[Vue3 + Quasar] Front-end 개발 환경 설치

차니 개발 로그·2023년 3월 30일
0
post-thumbnail

Vue3 + Quasar Framework 개발 환경 설치 (with VSCode)

1. VSCode 설치

VSCode 설치 가이드 바로가기

2. Node.js 설치

Node.js 설치 가이드 바로가기

3. VSCode 실행

  • 터미널 실행
    (Terminal > New Terminal 클릭 or 단축키 : Ctrl + Shift + ` )

4. Quasar Framework 설치

  • npm i -g @quasar/cli

    Quasar Framework란? -- 추후 글 작성하여 링크 제공

5. Quasar Project 생성

  • npm init quasar

    √ What would you like to build? » App with Quasar CLI, let's go!
    √ Project folder: ... quasar-project
    √ Pick Quasar version: » Quasar v2 (Vue 3 | latest and greatest)
    √ Pick script type: » Javascript
    √ Pick Quasar App CLI variant: » Quasar App CLI with Vite
    √ Package name: ... chaniekim
    √ Project product name: (must start with letter if building mobile apps) ... Quasar App
    √ Project description: ... A Quasar Project
    √ Author: ... chaniekim
    √ Pick your CSS preprocessor: » Sass with SCSS syntax
    √ Check the features needed for your project: » ESLint, State Management (Pinia), Axios, Vue-i18n
    √ Pick an ESLint preset: » Prettier

profile
혼자서 만들어보는 개인 프로젝트 공간

0개의 댓글