vue2.0 SellPosSystem

最近學習vue看到網路上很多學習的資料，就找了一個專案系統練習，主要是想學習了的一些知識點，系統的組合運用一遍。網路上根據技術胖老師部落格的內容自己也實戰了一遍，挺實用的，對vue框架有了更深入的了解以及自身能力的提升。

歡迎下載使用或二次開發。

（一）項目分析

這個項目主要是實現線上的用戶點餐以及對點餐列表商品的增刪改查等功能；然後使用mockplus工具畫出草圖，主要是方便開發。

（二）運用到的技術

1.使用vue-cli2.x建構的開發環境；

2.使用vue-router做路由轉換；

3.使用element-ui做介面美化；

4.使用axios做跨域請求介面資料；

5.使用icofont線上圖示管理；

6.使用webpack打包管理；

7.使用vue2.0語法和es6語法；

（三）系統成果

（四）系統使用

1.前提是要有node.js、npm、vue-cli環境（最好有Git，會方便很多）；

2.下載項目（git clone最好）；

3.開啟終端切換到該項目名稱下，執行以下命令列：

 # install dependencies 安装开发环境的依赖，因为不是直接打包上传的项目
npm install

# serve with hot reload at localhost:8080 运行项目基本没问题
npm run dev

參考文獻

技術胖老師的Vue實戰影片-速食店收銀系統