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。