一、Vue的安裝需要兩個支持分別為:nodejs、npm
Node.js 是一個基於 Chrome V8 引擎的 JavaScript 運行環境。
Node.js 使用了一個事件驅動、非阻塞式 I/O 的模型,使其輕量又高效。
Node.js 的包管理器 npm,是全球最大的開源庫生態系統。
npm全稱為Node Package Manager,是一個基於Node.js的包管理器,也是整個Node.js社區最流行、支持的第三方模塊最多的包管理器(類似於java中的Maven)。
npm的初衷:JavaScript開發人員更容易分享和重用代碼。
npm的使用場景:
允許用戶獲取第三方包並使用。
允許用戶將自己編寫的包或命令行程序進行發布分享。
1.nodejs安裝 https://nodejs.org/en/
下載一直下一步就可。

2.npm安裝 這里安裝阿里的 cnpm 中國節點快 但是時間都很長。
安裝淘寶鏡像(類似於阿里雲的maven中央倉庫鏡像)
安裝命令:npm install -g cnpm --registry=https://registry.npm.taobao.org
驗證命令:cnpm -v
3.安裝webpack
利用npm安裝webpack 命令行語句為cnpm install webpack -g 。
4.接下來就是全局安裝vue-cli。
安裝語句為:npm install --global vue-cli
驗證命令:vue -V (V要大寫)
5.執行cnpm install
命令截圖如下:




二、WebStorm運行Vue項目
1、打開WebStorm創建Vue項目如下圖:

紅色為新建的順序,黃色為node.js地址(裝好了會自動尋找),藍色為vue.js包的地址,綠色為打包所用的打包模塊。
2、選中package.json 右鍵選擇 show npm scripts



訪問后出現下圖:

