使用npm下載vue


一、安裝npm

1. 安裝node.js

npm(Node Package Manager): node.js下的包管理器

前往node.js官網下載並安裝工具,nodejs安裝完畢后自動會安裝npm,在命令行輸入以下命令測試是否安裝成功,正確會出現版本號。

node -v
npm -v

再看看另外2個目錄: C:\Users\Administrator\AppData\Roaming下的npm和npm-cache,npm的本地倉庫跑在系統盤c盤的用戶目錄了(沒見到npm-cache是因為沒有用過,一使用緩存目錄就生成了),我們試圖把這2個目錄移動回到D:\nodejs

2. 更改本地庫和緩存目錄

先在nodejs目錄下新建2個文件夾: 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. 配置下載源地址

輸入以下命令配置淘寶鏡像站:

npm config set registry=http://registry.npm.taobao.org 

輸入以下命令顯示所有配置信息:

npm config list

我們關注一個配置文件C:\Users\Administrator\.npmrc, 發現剛才配置的信息在該文件當中。

4. 更新npm

更新npm:

npm install npm -g

再次查看global里有什么模塊:

npm list -global

5. 增加環境變量

將D:\nodejs\node_global加入環境變量PATH中。

二、下載核心庫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至本地

進入到項目根目錄,cnpm install vue --save或-S(cnpm為淘寶npm,若npm更改下載源地址為淘寶源,可以不用cnpm,直接用npm)

npm install vue --save


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM