1、項目使用的相關(guān)技術(shù)

vue2.0
webpack
element ui
vue-router

2、環(huán)境搭建

• 是否安裝node： node -v 檢測本地是否安裝node
• 檢查本地npm版本： npm -v
• npm install webpack -g 全局安裝webpack
• npm install vue-cli -g 安裝vue腳手架

3、創(chuàng)建項目

vue init webpack-simple 工程名字<工程名字不能用中文>

初始化的設置，如下輸入:

Target directory exists. Continue? (Y/n)直接回車默認(然后會下載 vue2.0模板，這里可能需要連代理)
Project name (vue-test)直接回車默認
Project description (A Vue.js project) 直接回車默認
Author 寫你自己的名字
Use sass 用sass 選的yes

安裝依賴 npm install
運行項目 npm run dev
正常情況下，現(xiàn)在就可以在瀏覽器中看到如下界面啦

4、安裝其他依賴

npm install element-ui --save-dev
npm install vue-router --save-dev
npm install font-awesome --save-dev
npm install style-loader --save-dev

style-loader的用處：
css-loader 是處理css文件中的url()等
style-loader 將css插入到頁面的style標簽
less-loader 是將less文件編譯成css
sass-loader 是將sass文件編譯成css

5、實際的項目開發(fā)

詳細的代碼code 可以參考如下github地址（git clone 項目地址，??歡迎指錯）：
https://github.com/wylibra/mydemo-vue

6、學習

• router的使用
• $router.options.routes 路由數(shù)組
• $route.path 路由
• 導航折疊與展開顯示

7、遇到問題：

• 如何把本地項目部署到github？

        在github中新建項目； 
        復制項目生成的遠端地址（ 如 https://github.com/wylibra/mydemo-vue.git）；
        提交本地代碼到本地倉儲（git add .   git commit -m '注釋'）；
        使用命令：git remote add origin https://github.com/wylibra/mydemo-vue.git；
                          git push -u origin master
        至此 項目成功部署到遠端github中

以上都是個人零散的筆記??，粗糙不細致的地方盡管指出，愿意接受意見，更好的總結(jié)學習
http://a114c675.wiz03.com/share/s/2x5cpR2STAEP2U6pTf37HRJq1NDeIv03C4xr2CCrdX29BkpF