Vue工具

首先介紹幾個概念

• webpack: 打包機。它能將咱們的html,css,js.png，font進行打包，交給服務器。

• vue-cli: 用戶生成Vue工程模板。（幫你快速開始一個vue的項目，也就是給你一套vue的結構，包含基礎的依賴庫，只須要 npm install就能夠安裝）

• npm（node package manager）：nodejs的包管理器，用於node插件管理（包括安裝、卸載、管理依賴等） 

• cnpm:由於npm安裝插件是從國外服務器下載，受網絡的影響比較大，可能會出現異常，若是npm的服務器在中國就行了，因此咱們樂於分享的淘寶團隊幹了這事。來自官網：「這是一個完整 npmjs.org 鏡像，你能夠用此代替官方版本(只讀)，同步頻率目前爲 10分鐘 一次以保證儘可能與官方服務同步。」

安裝node.js和npm

【工具官網】

Node.js : http://nodejs.cn/

淘寶NPM: https://npm.taobao.org/

 

【安裝步驟】

1、安裝node.js

1.前往node.js官網下載並安裝工具，這裏安裝路徑選到D盤，D:\Program Files\nodejs

 安裝完畢在命令行輸入如下命令測試是否安裝成功，正確會出現版本號

npm -v

2.改變原有的環境變量，

  (1)咱們要先配置npm的全局模塊的存放路徑以及cache的路徑，例如我但願將以上兩個文件夾放在NodeJS的主目錄下，便在NodeJs下創建"node_global"及"node_cache"兩個文件夾，輸入如下命令改變npm配置

npm config set prefix "D:\Program Files\nodejs\node_global"
npm config set cache "D:\Program Files\nodejs\node_cache"

  (2)在系統環境變量添加系統變量NODE_PATH，輸入路徑D:\Program Files\nodejs\node_global\node_modules，此後所安裝的模塊都會安裝到改路徑下  

  (3)在命令行輸入如下命令試着安裝express（注：「-g」這個參數意思是裝到global目錄下，也就是上面說設置的「D:\Program Files\nodejs\node_global」裏面。）

npm install express -g

 安裝完畢後能夠看到.\node_global\node_modules\express 已經有內容

  (4)在命令行輸入node進入編輯模式，輸入如下代碼測試是否能正常加載模塊：

require('express')

 假設成功，能夠看到有輸出。假設出錯，檢查NODE_PATH的路徑。

2、安裝淘寶npm（cnpm）

 1.安裝cnpm

   (1)輸入如下命令

npm install -g cnpm --registry=https://registry.npm.taobao.org

   (2)輸入cnpm -v輸入是否正常，這裏確定會出錯。

cnpm -v

   (3)添加系統變量path的內容

　　由於cnpm會被安裝到D:\Program Files\nodejs\node_global下，而系統變量path並未包含該路徑。在系統變量path下添加該路徑便可正常使用cnpm。