1.vue的引入和vue環境的搭建

直接引入

可以直接在專案當中使用script標籤引入：

<script src="https://cdn.jsdelivr.net/npm/vue"></script>

搭建環境

上面的那種方式只適合簡單的使用vue，如果需要使用vue構建大型專案的時候，我們就需要搭建一個vue的開發環境進行開發。
Vue.js 提供一個官方命令列工具vue-cli可用於快速搭建大型單頁應用。該工具提供開箱即用的構建工具配置，帶來現代化的前端開發流程。只需幾分鐘即可建立並啟動一個帶熱過載、儲存時靜態檢查以及可用於生產環境的構建配置的專案：
- 首先，需要使用nodejs，然後使用npm進行全域性安裝vue-cli：

npm install vue-cli -g

• 然後進入一個資料夾，執行命令建立一個命為myproject專案：

vue init webpack myproject

或者，建立一個簡單的webpack專案

vue init webpack-simple myproject

並根據提示配置專案中所需要的一些外掛模組
- 進入專案資料夾

cd myproject

• 進行專案的所需模組安裝

npm install

• 最後，執行開發環境

npm run dev

就會啟動開發環境，開啟localhost:8080就可以看到專案的首頁內容

ps:npm最近被牆的厲害，推薦使用cnpm進行安裝，地址：http://blog.csdn.net/qq_30100043/article/details/78598520