從17年元旦離開上海項目侠鳄，到現(xiàn)在已經(jīng)4個月了埠啃。這期間主要心思都在家里面，從老婆懷孕到上個月生小孩伟恶。技術上基本沒啥進展碴开，除了接手一個ionic+angular 的前端項目，啥新東西也沒學，Vue 2.X都出了潦牛，自己還沒啥也沒用到過眶掌，實屬不該。
這陣子在考慮以后的路巴碗，可能會換工作朴爬，還是得學習點新東西才行了。
之前看過一篇阮一峰老師的全棧工作師培訓教程(http://www.ruanyifeng.com/blog/2016/11/javascript.html) 橡淆，就想著用Javascript 自己來實現(xiàn)一個全棧的項目召噩，慢慢開始動手，這里做一個記錄逸爵，方便自己以后查看具滴。
技術的話前端肯定是Vue(https://github.com/vuejs/vue) 了，然后配上餓了么出品的Ui框架 Element-ui(http://element.eleme.io/#/zh-CN) 师倔，還有移動版本 (http://mint-ui.github.io/#!/zh-cn)构韵， 后端的話用Node，現(xiàn)在比較常用基于Node技術的Web框架應該是Express溯革，之前打包工具用得也不多贞绳，趁此機會學習一個webpcak谷醉。
經(jīng)過幾天的摸索致稀，今天終于動手開始了，一天下來也算有點進展俱尼。
準備工作
1抖单，安裝Node(npm)
確保系統(tǒng)已經(jīng)安裝好NodeJs環(huán)境(https://nodejs.org/en/) ，最好安裝最新版本的node遇八。
2矛绘，切換npm源
如果你在天朝，最好換一個npm的淘寶鏡像刃永。
執(zhí)行命令 npm config set registry=http://registry.npm.taobao.org
執(zhí)行完之后 再用 npm info underscore (或者找一個你熟悉的開源項目)
會打印出關于underscoreJs的基本信息货矮，后面會有一個下載地址，如果變成了上面設置的淘寶鏡像斯够，說明鏡像切換成功了囚玫。如果不是，則需要重新執(zhí)行上面的命令了读规。
進入正題
1抓督，Vue-cli安裝
執(zhí)行命令 npm install -g vue-cli
這里如果順利 的話，會很快束亏，如果花了很長時間沒動靜铃在，請檢查一下網(wǎng)絡連接，然后再執(zhí)行上面的命令。
如果看到最后輸出的這些定铜，說明vue-cli安裝成功了阳液，這里會將webpcak以及一些打包用的插件，具體可以自己去查看揣炕。
2趁舀，初始化項目
新建一個項目目錄
mkdir nodeDemo
cd nodeDemo
然后執(zhí)行 vue init webpack vueDemo
這個過程會讓輸入一些項目的基本信息，主要注意以下幾個點：
Project name 最好全小寫;
Install vue-router 安裝yes
Use ESLint to lint your code? 不安裝no 這里我一開始是yes祝沸，結(jié)果代碼寫起來特別費勁矮烹，空格號也檢驗，不能多一個罩锐，不能少一個奉狈，這對于我一個初級菜鳥來說，有點要求過高了涩惑，所說這是airbinb的代碼要求仁期。 后續(xù)熟練了可以加上。
后面兩個是測試方面的東西竭恬，個人覺得有必要跛蛋，要覺得麻煩后續(xù)加上也行。
這個時候痊硕，會有一個vueDemo的項目出現(xiàn)赊级，
包含一些基本的文件及文件夾。
接下來執(zhí)行 npm install
會將項目所依賴的文件下載到項目里面岔绸。
執(zhí)行完之后理逊，會打印出上述信息。
然后執(zhí)行 npm run dev
執(zhí)行完成之后盒揉，項目會啟動晋被，如果是在windows下，會自動啟動默認瀏覽器刚盈。
linux下在瀏覽器里面輸入http://xx.xx.xx.xx:8080
如果瀏覽器下面出現(xiàn)這個頁面羡洛，就說明vue-cli+webpack的環(huán)境已經(jīng)搭建好了。
今天就寫了這么多了藕漱，明天繼續(xù)欲侮。
