>  기사  >  웹 프론트엔드  >  npm으로 vue.js를 설치하는 방법은 무엇입니까?

npm으로 vue.js를 설치하는 방법은 무엇입니까?

青灯夜游
青灯夜游원래의
2020-11-13 10:01:253532검색

설치 방법: 1. 공식 웹사이트에서 node.js 및 npm을 다운로드하여 설치합니다. 2. cmd 명령줄을 열고 "npm install" 명령을 사용하여 cnpm 도구를 설치합니다. cnpm install -g vue- cli" 명령을 사용하여 vue.js를 설치합니다.

npm으로 vue.js를 설치하는 방법은 무엇입니까?

1. node.js를 설치합니다

1. node.js는 설치 패키지 리소스 관리자입니다. 여기에서 설치 패키지를 다운로드할 수 있습니다. 언어/라이브러리/프레임워크가 아닙니다. 즉, vue.js와 같은 유형이 아닙니다. (vue.js는 js 프레임워크입니다.)

2. node.js에는 download 도구가 있습니다 - npm (npm을 별도로 설치할 필요가 없습니다. node.js를 설치하면 npm 도구가 포함됩니다. 하지만 추가적으로 npm 도구 사용시 npm이 위치한 디렉토리로 점프하지 않아도 되도록 npm 환경변수를 설정해주셔야 합니다)

* cd는 다른 디렉토리로 점프한다는 뜻입니다

* d: 점프를 의미합니다. 디렉터리는 D 드라이브에 있습니다

대부분의 JS 관련 패키지는 npm에 있습니다. 예: npm을 사용하면 다운로드하기 위해 각 라이브러리/프레임워크의 공식 웹사이트로 이동할 필요 없이 하나의 명령을 다른 라이브러리/프레임워크(예: jquery)에 다운로드할 수 있습니다

------------ -- ------------------------------------------------ -- ------------------------------------------------ -- -----------------------

PS: node.js를 설치하는 동안 node_global과 node_cache라는 2개의 새 폴더가 생성되었습니다. 구체적인 작업은

https://www.cnblogs.com/zhouyu2017/p/6485265.html

创建完两个空文件夹之后,打开cmd命令窗口,输入

设置npm 下载的那些安装包的存放目录
npm config set prefix "D:\Develop\nodejs\node_global"
设置npm 缓存文件的存放目录
npm config set cache "D:\Develop\nodejs\node_cache"

----------------------를 참조하세요. --- ---------------------------------- --- ---------------------------------- --- -----------

2. cnpm 설치

npm 주소가 해외에 있고 전송속도가 매우 느리기 때문에 타오바오에서 제공하는 이미지 파일을 이용해서 다운받으시면 됩니다. cnmp 도구

자세한 작업은 다음과 같습니다.

1. Open Run --cmd(단축키는 Fn+R)

2. 복사하여 붙여넣습니다. 이미지 주소 npm install -g cnpm --registry= https://registry.npm.taobao.org (타오바오 미러

https://npm.taobao.org/

) 그런 다음 키를 입력하여 실행합니다

3. cnpm -v를 실행하여 설치 성공 여부를 확인합니다.

cnpm은 환경 변수를 설정하지 않으므로 cnpm 도구를 사용하기 전에 먼저 cnpm이 있는 디렉터리로 점프

해야 합니다.

4. cnpm 설치가 성공적으로 완료되었는지 확인한 후 cnpm 다운로드 도구를 사용하여 vue 설치 패키지를 다운로드할 수 있습니다.

cnpm install -g vue-cli

명령을 복사하여 붙여넣습니다. : 다운로드 및 설치; -g global Install; )

enter

Execute

vue 파일이 node_global 폴더에 성공적으로 설치되었습니다.

관련 권장 사항:


2020 vue 인터뷰 질문 요약(답변 포함)

vue 튜토리얼 추천: 2020년 최신 5개 vue.js 비디오 튜토리얼 선택

더 많은 프로그래밍 관련 지식을 보려면

프로그래밍 코스
를 방문하세요! !

위 내용은 npm으로 vue.js를 설치하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.