最近工作前端開發上，準備學習vue.js
該框架可以直接script引用載入，也可以通過npm包管理器安裝。

在用 Vue.js 構建大型應用時推薦使用 NPM 安裝， NPM 能很好地和諸如 Webpack 或 Browserify 模組打包器配合使用。 Vue.js 也提供配套工具來開發單檔案元件。

那麼npm是什麼呢？
官方解釋：
Node.js是JavaScript的一種執行環境，是對Google V8引擎進行的封裝。是一個伺服器端的javascript的直譯器。
包含關係，nodejs中含有npm，比如說你安裝好nodejs，你開啟cmd輸入npm -v會發現出啊線npm的版本號，說明npm已經安裝好。
所以；
npm是nodejs的包管理器（package manager）。我們在node.js上開發時，會用到很多別人已經寫好的javascript程式碼，如果每當我們需要別人的程式碼時，都根據名字搜尋一下，下載原始碼，解壓，再使用，會非常麻煩。於是就出現了包管理器npm。
有點類似linux裡面裡的yum下載，方便簡單。
大家把自己寫好的原始碼上傳到npm官網上，如果要用某個或某些個，直接通過npm安裝就可以了，不用管那個原始碼在哪裡。並且如果我們要使用模組A，而模組A又依賴模組B，模組B又依賴模組C和D，此時npm會根據依賴關係，把所有依賴的包都下載下來並且管理起來。

安裝流程

1.安裝npm

1. ##安裝npm使用淘寶映象##  
2.  npm install -g cnpm –registry=https://registry.npm.taobao.org  

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

1. ## 全域性安裝 vue-cli##  
2.  npm install -g vue-cli  

## 全域性安裝 vue-cli##
    npm install -g vue-cli
 

1. ## 建立一個基於 “webpack” 模板的新專案  
2.  vue init webpack my-project  
3. ? Project name 專案名  
4. ? Project description 專案名描述  
5. ? Author 作者郵箱  
6. ? Use ESLint to lint your code? 是否需要ESlist語法檢查  
7. ? Setup unit tests with Karma + Mocha? 是否需要單元測試  
8. ? Setup e2e tests with Nightwatch? Yes是否需要e2e測試  

## 建立一個基於 "webpack" 模板的新專案
    vue init webpack my-project

? Project name 專案名
? Project description 專案名描述
? Author 作者郵箱
? Use ESLint to lint your code? 是否需要ESlist語法檢查
? Setup unit tests with Karma + Mocha? 是否需要單元測試
? Setup e2e tests with Nightwatch? Yes是否需要e2e測試

4.安裝vue依賴

1. ##下載依賴##  
2.  npm install  

##下載依賴##
   npm install

5.執行專案

1. ##執行vue##  
2.  npm run dev  

##執行vue##
    npm run dev

安裝成功後，會顯示這個頁面