Vue.js | Node.js

quasar vue3 설치

Godffs 2022. 8. 29. 18:43
반응형

퀘이사를 설치 하는 방법 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

 

반응형