一、安裝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