본문 바로가기

NPM3

[Vue.js] Vue 시작하기 (CDN vs NPM vs CLI) 공식적으로 Vue를 설치하는 방법에는 크게 세 가지가 있다. 1. 직접 script에 추가하는 CDN 2. NPM을 이용한 설치 3. 단일 페이지 애플리케이션을 빠르게 구축할 수 있는 CLI 각각의 방법으로 직접 설치하여 비교해 보았다. 더보기 참고) package version node v16.17.0 npm v8.15.0 vue/cli v5.0.8 CDN CDN의 경우에는 직접 HTML에 script 한 줄을 추가하여 간편하게 Vue를 사용할 수 있다. 학습 목적으로 사용할 때는 위의 첫 번째 코드로 최신 버전을 사용할 수 있고, 프로덕션 환경인 경우에는 두 번째 코드처럼 특정 버전의 빌드 파일을 받을 수 있다. 적용하면 다음과 같이 script 내에서 Vue를 사용할 수 있다. NPM 공식 문서에 .. 2023. 5. 22.
[npm] npm에 내 package 배포하기 (feat. npx) 최종 결과물 👇 더보기 https://www.npmjs.com/package/ktmihs-bp ktmihs-bp ktmihs's boilerplate. Latest version: 1.0.0, last published: 30 minutes ago. Start using ktmihs-bp in your project by running `npm i ktmihs-bp`. There are no other projects in the npm registry using ktmihs-bp. www.npmjs.com https://github.com/ktmihs/boilerplate/tree/main/ktmihs-bp GitHub - ktmihs/boilerplate: react boilerplate react .. 2023. 1. 7.
[Node.js] npm으로 create-react-app 설치하기 (npm vs npx) 프로젝트를 진행하기 위해 create-react-app으로 프로젝트를 시작하려다 문득, npm과 npx의 차이에 대해 궁금해졌다. 두 명령어를 언제 쓰면 좋은 건지 구분하기 위해 학습하게 되었다. npm과 npx 우선 npm은 Node Package Manager로 익히 아는 것처럼 install 한 패키지들을 관리해주는 역할을 한다. npx는 Node Package eXecute로 패키지를 install 하지 않고 바로 실행시켜준다. 그렇기 때문에 메모리를 차지하지 않고, 가장 최신 버전을 실행시켜준다. npm 5.2.0 이상을 설치하면 npx 또한 자동으로 설치된다. 만약 그 아래 버전이라면 $ npm install -g npx 로 설치해주면 된다. cra를 할 때, npm 대신 npx를 쓰는 이유 .. 2023. 1. 2.