vue2+vuex+vux+axios構建移動端單頁面個人部落格（1——

熟話說無圖無真相，懶人一個，圖就不截了，直接上本次手記案例專案線上地址，，大家可以預覽一下（推薦使用chrom瀏覽器的手機模式）

說實話本人也是剛接觸到vue不久，在慕課網上學了vue基礎的兩個影片教程，然後查的各大文件，搗鼓出來的一個個人部落格例子，現在分享給大家，還望大神勿噴o(∩_∩)o ~~~

本手記案例需要具有一定的javascript、es6、vue基礎知識，熟悉vuex、vue-route，以及ui框架vux，現給出各大文件的線上地址：
vue2:
vue-router2:
vuex:
vux:#/
axios:

本手記都在window7下執行

好啦，廢話太多啦，如果具備一定基礎後，不慫，直接開幹~

首先安裝node，現在穩定版本是6點幾，用這個就行，千萬別手賤給搞到7了，不然出現一些神奇的事情，可已把你折騰的精神奔潰，一般node版本在4.2——6點幾就行了。安裝node，網上直接下載，安裝就OK了，然後在cmd黑視窗輸入

node -v

檢視node版本
node安裝之後會附帶安裝npm的，npm的版本儘量要在3點幾以上，
npm版本太低的，請在cmd黑視窗輸入下面命令進行升級

npm update npm -g

然而一些網路環境比較蛋疼的童鞋，使用npm的時候，各種蛋疼的事情都會出現，這個時候你就該使用npm的淘寶映象cnpm了
環境不好的童鞋，請在cmd中輸入下面命令安裝cnpm

npm install -g cnpm –registry=

無論npm可以正常使用的還是不可使用的，都推薦把cnpm給安裝上了，因為後面會用到

接下來，就是安裝一系列命令啦
全域性安裝vue-cli（PS:npm不可用者，直接把npm替換成cnpm即可）

npm install -g vue-cli

全域性安裝webpack

npm install -g webpack

使用vue-cli腳手架建立一個vue專案，請cmd進入你電腦的經常放程式碼磁碟，例如F盤
然後執行命令，這裡的my-project只是你建立的專案資料夾名稱

vue init webpack my-project

這個命令有可能會出現一些對話，以及選項，這個時候別慌

這是問你專案的名稱，他預設是跟你起資料夾的名稱一致，也就是vue init webpack my-project 中的my-project ，而我只是為了做演示，直接亂打的一個專案名hah，大家不必糾結，按回車預設即可，然後會出現

意識是要你介紹這個專案是啥子，窩英文不太好，預設回車

這個就是要你寫作者啦，儘量寫英文名稱，

這個一長串，直接回車，想要了解意思，直接百度翻譯查去吧

之後的一系列選擇，除了vue-router選y，其他全部n
成功之後，命令進入你的專案名

然後命令

npm install

這個時候他就在根據建立package.json檔案，安裝一系列依賴的包，這個地方我文字解釋有些簡單了，但你做多了自然而然就明白了
如果出現一些安裝失敗的就使用cnpm吧

安裝好了之後，只要不是出現error就沒多大的事情，我的這兩個警告沒影響的
執行命令

npm run dev

這個命令成功之後，他會啟動你的預設瀏覽器開啟這個專案，會出現vue的logo，出現這個

就代表你的vue學習的第一步已經成功啦~~~
這個時候還不來一首音樂慶祝更待何時~~~
環境安裝就到這了，下一步的教程還得等明天啦~
今天週五我還要回家給女票煮飯呢~~