學了這個vue ,就記個筆記吧~
一、安裝nodejs（環境準備）
選擇版本下載：https://nodejs.org/dist/
nodejs 的版本還是很重要的，很多插件安裝運行都跟版本有很大關係，如果需要使用多個版本的nodejs ，可以使用 nvm ,可以隨時切換nodejs 的版本
安裝nodejs 的時候一般都是傻瓜式下一步就好了，記住下安裝目錄，以後可能用到例如nvm
node -v和npm -v 查看下版本對不對
二、全局安裝vue腳手架（vue-cli）
運行命令 nmp install -g vue-cli
-g 是全局安裝
值得一提的事，安裝了nodejs 之後 npm 包管理工具 這個默認地址指向的地址是國外的（這個是據說，我沒確定，總之就是慢），可以使用
npm install -g cnpm --registry=https://registry.npm.taobao.org
這個後面這個地址就是淘寶鏡像了，阿里也是厲害，maven 有個中央倉庫，這個npm 也有個倉庫，說起來npm 和maven 在用法上還是很相似的
使用的時候就是把原來的命令裏npm 換成 cnpm ，其實可以直接將npm 的庫指向淘寶的鏡像
使用命令：npm config set registry https://registry.npm.taobao.org 這樣使用的時候npm 直接默認就是淘寶鏡像地址了
三、創建工程
安裝好vue-cli 之後，選好工程文件夾，使用cmd,進入到目錄，輸入命令
vue init webpack "project_name"
一頓回車，先後會有輸入工程名字，描述，作者，狀態管理、eslint 代碼規範檢查，測試模塊，用yarn 還是npm 來管理插件工具啥的等等，這些都是看情況要不要，這些配置，描述生成之後都是可以改的，可以去掉的，所以不用太難以選擇
第一次初始化的時候覺得很慢是因爲你用的是npm 默認的地址，改下（npm config set registry https://registry.npm.taobao.org）就快的飛起
其中的package.json 存放的就是項目的描述，和一些插件的配置，會maven的可以把這個當成和 pom.xml 一樣的作用，定義了包或者說是插件的版本號，運行的配置打包的配置，都在這
其中 dependencies 下面定義的版本是線上生產環境用的插件包（例如你發佈到線上還是用到vue和狀態），devDependencies 下面定義的版本是開發環境用的
index.xml 其實就是首頁，運行之後展示的頁面，爲啥說vue 是單頁面應用，是因爲vue 將寫的一些js html 元素動態的寫入到index.html 裏各種實現機制就不說了，看了一遍源碼也不是很懂，尷尬~
四、安裝依賴
進入工程目錄，在cmd中運行 npm install ，一般改變版本號，然後運行出現奇奇怪怪的錯，刪了這個文件夾重新npm install 就能解決
五、運行
在命令行中輸入 npm run dev
六、基本配置
爲啥是 npm run dev 這個dev 的配置在哪？
--config build/webpack.dev.conf.js 這個意思就是使用這個路徑下的這個文件的配置
這個webpack.dev.conf.js 引用了config，這個config/index.js 配置了一些基礎的運行配置，端口。ip ,還有打包的配置
