首頁 > web前端 > Vue.js > 怎麼使用npm下載vue.js

怎麼使用npm下載vue.js

藏色散人
發布: 2020-11-30 10:45:12
原創
3122 人瀏覽過

 

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

怎麼使用npm下載vue.js

推薦:《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中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板