pnpm 설치

안녕하세요. 클스 입니다.

기존 프로젝트에서 vue3 + quasar 를 사용했는데, quasar가 기본적으로 yarn 기반 입니다.

그런데 친철하게도 pnpm도 지원합니다.

처음부터 quasar 프로젝트 생성시 pnpm 으로 하면됩니다. 아직 경험적 지원이라고 하네요~

$ pnpm create quasar # experimental support

• install pnpm
  

  $ brew install pnpm
  $ pnpm --version
  

• vi ~/.npmrc 수정
  

  strict-ssl=false
  save=true
  save-exact=true
  shamefully-hoist=true
  

• 소스에서 패키지 설치
  

  $ pnpm install
  $ pnpm outdated   ==> 설치 버전과 최신버전 비교
  

• 그냥 업데이트
  

  $ pnpm update
  

• 최신 업데이트
  

  $ pnpm update -L

• 패키지 확인
  

  pnpm-lock.yaml
  

• 소스 실행
  

  $ pnpm dev
  ==> 에러 발생  [vite] Internal server error: No ESLint configuration found in /Users/demo/front-end/user_web/.quasar
  
  * 해결 방법
  프로젝트 root에 .eslintrc.cjs 파일이 있음 rules: { ... } 에 아래와 같이 추가
  '@typescript-eslint/no-unused-vars': 'warn', 
  
  rules: {
      ...
      'no-unused-vars': 'off',
      '@typescript-eslint/no-unused-vars': 'warn', 
  
    },
  
  * 환경변수 dotENV을 적용하여 실행하기
  $ ENVIRONMENT=local pnpm  dev 

패키지 오래된것도 한번에 확인하고, 최신 버전도 한번에 설치해주고...

여러가지 장점도 있겠지만, 아직은 잘 모르겠습니다. 

장점은 댓글로 달아주시면 감사하겠습니다.

감사합니다.