Vue 學習記錄（一）

環境準備

1. node.js　 
2. vue-cli

安裝配置環境

1.下載node.js，使用預設配置安裝 。

2.使用npm命令安裝國內下載鏡像（可選）

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

　　tips:在命令行輸入 npm -v 或cnpm -v 查看npm或cnpm 版本

3.全局安裝vue-cli （vue-cli3.x 搭建的項目界面更為簡潔，查看vue-cli 3.x 新特性）

　　cmd:　　cnpm(或 npm) install vue-cli  -g

　　tips:在命令行輸入 vue -V 查看vue-cli版本（註意這裡的-V一定要大寫的’V‘）

創建項目

1. 創建vue項目

　　(vue-cli v2.x)cmd:　vue init webpack  ”項目名稱“

　　(vue-cli v3.x)cmd:　vue create ”項目名稱“ 

2.安裝依賴

　　cmd:　　cd到項目根目錄 ，執行命令 　npm install

3.運行項目

　　(vue-cli v2.x)cmd:　npm run dev 或 npm start

　　(vue-cli v3.x)cmd:　npm run serve

?什麼是npm和cnpm

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

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