使用npm下載vue.js的方法

這篇文章主要介紹了使用npm下載vue.js的方法，具有一定借鑒價值，需要的朋友可以參考下。希望大家閱讀完這篇文章后大有收獲。下面讓小編帶著大家一起了解一下。

使用npm下載vue.js的方法：首先前往【node.js】官網(wǎng)下載并安裝工具；然后安裝bower；接著初始化npm；最后通過“npm install vue --save”下載vue即可。

使用npm下載vue：

一、安裝npm

1. 安裝node.js

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

前往node.js官網(wǎng)下載并安裝工具，nodejs安裝完畢后自動會安裝npm，在命令行輸入以下命令測試是否安裝成功，正確會出現(xiàn)版本號。

node -v
npm -v

再看看另外2個目錄: C:\Users\Administrator\AppData\Roaming下的npm和npm-cache，npm的本地倉庫跑在系統(tǒng)盤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的本地倉庫，輸入以下命令發(fā)現(xiàn)目錄已經(jīng)改變：

npm list -global

3. 配置下載源地址

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

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

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

npm config list

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

4. 更新npm

更新npm：

npm install npm -g

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

npm list -global

5. 增加環(huán)境變量

將D:\nodejs\node_global加入環(huán)境變量PATH中。

二、下載核心庫vue.js

1. 安裝bower

先安裝bower：(安裝bower需先安裝node.js和git)

npm insall bower -g

安裝后，在node_global目錄下會增加相應命令。

查看vue的版本：

bower info vue

2. 初始化npm

初始化npm，在項目中引導創(chuàng)建一個package.json文件用以保存安裝包的信息：

npm init --yes

3. 下載vue至本地

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

npm install vue --save

感謝你能夠認真閱讀完這篇文章，希望小編分享使用npm下載vue.js的方法內容對大家有幫助，同時也希望大家多多支持億速云，關注億速云行業(yè)資訊頻道，遇到問題就找億速云，詳細的解決方法等著你來學習!