> 웹 프론트엔드 > View.js > npm을 사용하여 vue.js를 다운로드하는 방법

npm을 사용하여 vue.js를 다운로드하는 방법

藏色散人
풀어 주다: 2020-11-30 10:45:12
원래의
3122명이 탐색했습니다.

npm을 사용하여 vue.js를 다운로드하는 방법: 먼저 [node.js] 공식 웹사이트로 이동하여 도구를 다운로드하고 설치한 다음 npm을 초기화하고 마지막으로 "npm install vue -- 구하다".

npm을 사용하여 vue.js를 다운로드하는 방법

권장: "vue 튜토리얼"

이 튜토리얼의 운영 환경: Windows 7 시스템, Vue 버전 2.9.6 이 방법은 모든 브랜드의 컴퓨터에 적합합니다.

npm을 사용하여 vue 다운로드:

1. npm 설치

1. node.js 설치

npm(Node Package Manager): node.js 아래 패키지 관리자

nodejs가 설치되면 npm이 자동으로 설치됩니다. 설치에 성공했는지 테스트하려면 명령줄에 다음 명령을 입력하세요.

node -v
npm -v
로그인 후 복사

C:UsersAdministratorAppDataRoaming 아래의 npm 및 npm-cache라는 다른 두 디렉터리를 살펴보세요. npm의 로컬 웨어하우스는 시스템 디스크 C 드라이브의 사용자 디렉터리에서 실행되고 있습니다. 이전에는 캐시 디렉터리를 사용하여 생성하지 않았음), 이 두 디렉터리를 D:nodejs

2로 다시 이동하려고 했습니다. 로컬 라이브러리와 캐시 디렉터리를 변경하세요

먼저 nodejs 디렉터리에 node_cache 및 node_global이라는 두 개의 새 폴더를 만듭니다.

그런 다음 다음 2개의 명령을 실행합니다.

npm config set prefix "D:\nodejs\node_global"
npm config set cache "D:\nodejs\node_cache"
로그인 후 복사

npm의 로컬 저장소를 살펴보고 다음 명령을 입력하여 디렉터리가 변경되었음을 확인합니다.

npm list -global
로그인 후 복사
로그인 후 복사

3. 다운로드 소스 주소 구성

다음 명령을 입력하여 Taobao 미러를 구성합니다. station:

npm config set registry=http://registry.npm.taobao.org
로그인 후 복사

모든 구성 정보를 표시하려면 다음 명령을 입력하세요.

npm config list
로그인 후 복사

구성 파일 C:UsersAdministrator.npmrc에 주의를 기울인 결과 방금 구성한 정보가 이 파일에 있음을 발견했습니다.

4. npm 업데이트

npm 업데이트:

npm install npm -g
로그인 후 복사

어떤 모듈이 전역에 있는지 다시 확인하세요.

npm list -global
로그인 후 복사
로그인 후 복사

5. 환경 변수를 추가하세요

D:nodejsnode_global을 환경 변수 PATH에 추가하세요.

2. 코어 라이브러리 vue.js를 다운로드하세요

1. bower 설치

bower를 먼저 설치하세요. (bower를 설치하려면 먼저 node.js와 git을 설치해야 합니다.)

npm insall bower -g
로그인 후 복사

설치 후 해당 명령은 다음과 같습니다. node_global 디렉터리에 추가되었습니다.

vue 버전 확인:

bower info vue
로그인 후 복사

2. npm 초기화

npm을 초기화하고 프로젝트에서 package.json 파일 생성을 안내하여 설치 패키지 정보를 저장합니다.

npm init --yes
로그인 후 복사

3. vue를 로컬로 다운로드합니다.

Enter 프로젝트 루트 디렉터리로 이동, cnpm install vue --save 또는 -S (cnpm은 Taobao npm이며, npm이 다운로드 소스 주소를 Taobao 소스로 변경하면 cnpm 대신 npm을 직접 사용할 수 있습니다)

npm install vue --save
로그인 후 복사

위 내용은 npm을 사용하여 vue.js를 다운로드하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿