vue-cli搭建開發環境
1.建立腳手架：npm install vue-cli -g;
2.測試是否安裝成功：vue- V;V必須是大寫；跳出版本號則成功
3.用vue命令初始化項目：vue init webpack ；init：初始化
install vue-router—yes; use eslint —no ;setup unit test—no;setup e2e tests with nightwaych–no.
4.npm install安裝package里的依賴包。
5.查看是否安裝成功 npm run dev
6.修改一些必要文件：在index.html里添加<style> html,body,#app{padding:0px;margin:0px;height:100%} </style>可更換標題名。
7.在components目錄下新建Pos組件，這個相當于程序員的入口文件，只保留一些基本內容，其余刪除`

<template> <div class="pos">Hello Pos </div> </template> <script> export default {name: 'pos', } </script> <style scoped> </style>`

8.修改路由文件，先用import引入Pos摸板組件，然后修改routes里內容name: Pos， component: Pos。

總結

以上是生活随笔為你收集整理的收银系统项目的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。