【Vue.js】- Vue.js的安裝

1.獨立版本

在官網上下載vue.min.js，並用<script>標籤引入。

<script src="./vue.min.js/vue.min.js"></script>

下載Vue.js

2.使用CDN方法

國內：BootCDN: https://cdn.bootcss.com/vue/2.2.2/vue.min.js

國外：unpkj:https://unpkg.com/vue/dist/vue.js 會和npm發佈的最新版本一致。

國外：cdnjs:https://cdnjs.cloudflare.com/ajax/libs/vue/2.1.8/vue.min.js

使用CDN方法穩定性不如直接下載到本地。

3.npm方法

npm安裝比較慢，我們可以使用淘寶鏡像以及其命令cnpm

npm 版本需要大於 3.0，如果低於此版本需要升級它：

查看版本：npm -v

如果版本小於3.0需要升級：

cnpm install npm -g

3.1安裝淘寶npm鏡像：

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

3.2安裝webApp

cnpm install webpack -g

3.3 安裝vue腳手架

npm install vue-cli -g

3.4 創建一個文件，並進入該目錄

我們在D盤D:\Vue.js\demo中根據模板創建項目

創建項目

cd 進入創建的項目中

cd helloDemo

3.5 安裝項目依賴

一定要從官方倉庫安裝，npm 服務器在國外所以這一步安裝速度會很慢

npm install

不要從國內鏡像cnpm install中安裝，會導致後面缺少依賴的庫

3.6安裝 vue 路由模塊vue-router和網絡請求模塊vue-resource

cnpm install vue-router vue-resource --save

3.7 啓動項目

npm run dev

3.8 效果