애 둘 냥 둘

오늘은 VS Code 확장 기능 하나 추천해볼까 합니다. 일반적으로 프론트엔드 개발을 하면서 package.json 파일 관리를 하고 있을 텐데, 패키지 버전 업데이트가 필요할 때 혹은 현재 최신 버전이 몇 버전인지 궁금할 때 사용하는 확장 기능입니다. https://marketplace.visualstudio.com/items?itemName=pflannery.vscode-versionlens Version Lens - Visual Studio Marketplace Extension for Visual Studio Code - Shows the latest version for each package using code lens marketplace.visualstudio.com 일단 설치 ㄱㄱ 설치하..

상당히 오랫동안 Webpack 을 통해 만들어진 프로젝트를 깎고 깎아 사용하다가 신규 프로젝트를 생성할 일이 생겨 Vue CLI 를 통해 만들어보기로 한다. 일단 Vue CLI 를 실치해야 한다. NPM 과 Yarn 을 프로젝트마다 혼용해서 사용하고 있지만 여기는 Yarn 을 사용. > yarn -g add @vue/cli 설치가 잘 끝났는지 확인하기 위해 버전 확인을 한다. > vue --version 'vue' 은(는) 내부 또는 외부 명령, 실행할 수 있는 프로그램, 또는 배치 파일이 아닙니다. yarn 에 전역으로 설치할 일이 없다 보니 환경 변수가 안 들아가 있나 보다. > yarn global bin C:\Users\...\AppData\Local\Yarn\bin 저 경로를 윈도우 환경 변수에..

작년인가 재작년인가 세팅한 프로젝트와 동일한 구성으로 새로운 프로젝트를 만들 일이 생겼다. 밑바닥부터 새로 만들기에는 열정과 연봉이 부족하여 기존 프로젝트를 복사했다. 그리고 npm i 실행. npm ERR! code ERESOLVE npm ERR! ERESOLVE could not resolve npm ERR! npm ERR! While resolving: pug-loader@2.4.0 npm ERR! Found: pug@3.0.2 npm ERR! node_modules/pug npm ERR! dev pug@"^3.0.2" from the root project npm ERR! peer pug@"^2.0.0 || ^3.0.0" from pug-plain-loader@1.1.0 npm ERR! node_..

내부망에서 NPM 패키지 설치를 위해 방화벽을 해제할 필요가 생겼다. 우선 package-lock.json 파일을 열고 어디서 패키지를 가져오는지 확인. registry.npmjs.org 해제. 포트는 443. 그리고 git+ssh://git@gitbhub.com 이건 쉽다. ssh.github.com 해제. 포트는 역시 443. package-lock.json 파일을 더 봐도 뭐가 더 없다. 그럼 다시 시도. 네? raw.githubusercontent.com? 이걸 저장소로 쓴다고? 이건 파일 raw 보기용 아닙니까? 너어는 진짜 나쁜 놈이네. https://github.com/imagemin/imagemin-gifsicle/issues/33 Error: Command failed: C:\WINDOW..