1、項目使用的相關技術
vue2.0
webpack
element ui
vue-router
2、環境搭建
- 是否安裝node：
node -v檢測本地是否安裝node - 檢查本地npm版本：
npm -v -
npm install webpack -g全局安裝webpack -
npm install vue-cli -g安裝vue腳手架
3、創建項目
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
正常情況下，現在就可以在瀏覽器中看到如下界面啦
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、實際的項目開發
詳細的代碼code 可以參考如下github地址（git clone 項目地址，??歡迎指錯）：
https://github.com/wylibra/mydemo-vue
6、學習
- router的使用
- $router.options.routes 路由數組
- $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中
以上都是個人零散的筆記??，粗糙不細致的地方盡管指出，愿意接受意見，更好的總結學習
http://a114c675.wiz03.com/share/s/2x5cpR2STAEP2U6pTf37HRJq1NDeIv03C4xr2CCrdX29BkpF
