npm-- 설치 튜토리얼, 비계 VUE를 설치

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文件

추천

출처www.cnblogs.com/0daybug/p/11793944.html