NPM : 함께 설치 동반 NodeJS 패키지 관리 도구, 배포 NodeJS 코드에 많은 문제를 해결할 수 있습니다. 예를 들어, 일반적으로 사용된다 :
1) 사용자가 로컬 사용에 다른 사람 NPM 타사 패키지에 의해 작성된 서버에서 다운로드 할 수 있습니다.
2) 사용자가 서버에서 로컬 NPM 사용하는 다른 사람에 의해 쓰여진 명령 줄 프로그램을 다운로드하고 설치할 수 있습니다.
3) 사용자가 사용하는 다른 사람을 위해 서버에 업로드 자신의 가방이나 명령 줄 프로그램 NPM을 작성할 수 있습니다.
첫째 : nodejs.org 다운로드 nodejs를 시작합니다
같이, 8.9.3LTS를 다운로드 (대부분의 사용자가 사용 권장)
설치를 두 번 클릭합니다
위로 다음
기본 경로를 사용할 수, 본 예 수정 자기 D : \ nodejs
설치하려면 설치를 클릭
마침을 클릭
디렉토리는 다음과 같은 파일이 있는지 확인
상기 제어 명령 줄 프로그램 (CMD)를 열고,이 정상인지를 확인
다른 두 개의 디렉토리 봐, 시스템 디스크의 C 드라이브의 사용자 디렉토리에있는 NPM 지역 창고 실행이 (보이지 않는 NPM-캐시가 생성하는 캐시 디렉토리를 사용하기 때문에 사용되지 않는다), 우리는 두 가지를 얻기 위해 노력 디렉토리가 D로 다시 이동 : \ nodejs
먼저 다음과 같은 그림이 디렉토리에 설립
그런 다음 두 명령을 실행
NPM 설정 세트 접두사 "D : \ nodejs \ node_global"
NPM 설정 세트 캐시 "D : \ nodejs \ node_cache"
위와 같이,의는, NPM 로컬 저장소 살펴 명령 NPM 목록을 입력 할 수 -global
입력 명령 NPM의 구성 설정 레지스트리 = HTTP : //registry.npm.taobao.org 배열 미러 사이트
명령 NPM 구성 목록이 표시 모든 구성 정보를 입력, 우리는 설정 파일에 초점
C : \ 사용자 \ 관리자 \ .npmrc
편집 할 텍스트 편집기를 사용하여, 당신은 단지 구성 정보를 볼 수 있습니다
미러 사이트를 확인, 괜찮 명령 1
NPM 설정 get 및 레지스트리
미러 사이트를 확인, 괜찮 명령 2
당신이 정보 VUE를 얻을 수 있다면 NPM 정보 VUE 볼
그 기본 모듈 D에 주목 : \ nodejs \ node_modules 디렉토리
将会改变为D:\nodejs\node_global\node_modules 目录。
如果直接运行npm install等命令会报错的。
我们需要做1件事情:
1、增加环境变量NODE_PATH 内容是:D:\nodejs\node_global\node_modules
(注意,一下操作需要重新打开CMD让上面的环境变量生效)
一、测试NPM安装vue.js
命令:npm install vue -g
这里的-g是指安装到global全局目录去
二、测试NPM安装vue-router
命令:npm install vue-router -g
三、安装vue脚手架
运行npm install vue-cli -g
编辑环境、编辑path
对path环境变量添加D:\nodejs\node_global
win10以下版本的,横向显示PATH的,注意添加到最后时,不要有分号【;】
重新打开CMD,并且测试vue是否使用正常
注意,vue-cli工具是内置了模板包括 webpack 和 webpack-simple,前者是比较复杂专业的项目,他的配置并不全放在根目录下的 webpack.config.js 中。
初始化,安装依赖
npm run dev(运行dev)
自动打开浏览器http://localhost:8080/#/
npm run build
生成静态文件,打开dist文件夹下新生成的index.html文件