Blog Content

    티스토리 뷰

    quasar vue3 설치

    반응형

    퀘이사를 설치 하는 방법 4가지가 있다 (quasar v2.7.7)

    Quasar CLI로 설치를 했다  ( 참고 : https://quasar.dev/start/pick-quasar-flavour )

     

    npm init quasar

     

    만들 폴더명을 물어본다

     

    vue3 선택

     

    나는 타입스크립트 선택함

     

    여기서

    Quasar App CLI with Webpack, Quasar App CLI with Vite 둘중 하나를 선택해야 하는데

    Quasar App CLI with Webpack를 하게 되면 App만 사용할게 아니라서

    Quasar App CLI with Vite 로 선택했다

     

    패키치 이름을 물어본다

     

    프로젝트 문서 이름을 물어본다

     

    프로젝트 설명을 물어본다

     

    프로젝트 작성자를 물어본다

     

    api 설정을 하라고 하는데 난 추천하는걸로 했다

    궁금하면 https://quasar.dev/options/the-q-object#composition-api-with

     

    The $q object | Quasar Framework

    The $q object in Quasar. Why and how to use it.

    quasar.dev

     

    CSS 전처리기를 물어본다

    많이들 사용하는 Sass with SCSS syntax 선택

     

    필요한 기능을 체크하라고 한다

    여기서 상태관리 둘중 하나를 선택해야 할거 같아서 찾아 봤는데

    Pinia (피니아)를 사용하라고 하네요 ( 참고 : 상태 관리 | 뷰.js (vuejs.org)  맨 밑에 설명 있음 )

     

    ESLint와 같이 쓸거를 선택하는데 나는 Prettier 선택

     

    마지막 엔터

    yes, use npm

    설치가 끝났다

     

    설치한 퀘이사를 실행했다

    quasar dev

    터미널에서 명령어를 실행했는데 오류가 난다

    확인해보니깐 restricted로 나온다

     

    PowerShell 프로그램을 실행한다

    설정후에 다시 확인해보니깐 RemoteSigned 로 나온다

    다시 실행했다

    잘된다

     

     

     

    노트북에서 위와 같이 설치 했는데 오류가 났다

    quasar dev

    검색을 해봤는데 이렇게 입력해보라고 해서 했는데 잘된다;;;

    npx quasar dev

     

    반응형

    Comments