怎麼使用npm下載vue.js

 

使用npm下載vue.js的方法：首先前往【node.js】官網下載並安裝工具；然後安裝bower；接著初始化npm；最後透過「npm install vue -- save”下載vue即可。

推薦：《vue教學》

本教學操作環境：windows7系統、Vue2.9.6版，此方法適用於所有品牌電腦。

使用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

 

#

以上是怎麼使用npm下載vue.js的詳細內容。更多資訊請關注PHP中文網其他相關文章！