1.项目的整体流程

下载node.js

首先我们需要下载node.js，之后，我们才可以使用npm包管理工具，安装过程这里就不详细介绍了。

安装vue-cli

我们需要安装vue-cli脚手架构建工具，安装命令 npm install -g vue-cli，等待安装完成。

初始化项目

初始化项目命令：vue init webpack 。
切到项目目录下执行 npm run dev 就可以运行测试了。

element-ui组件库

我们收银系统用到element-ui组件库，所以需要安装一下npm install element-ui --save。

Axios

远程读取数据 Axios 安装npm unstall axios --save。
现在我们可以正式写收银系统了。

项目进行打包

项目进行打包npm run build ，注意：打包后出现空白页面
需要更改路径config/index.js assetsPublicPath: ‘./’
出现图片无法显示
需要更改路径build/utils.js publicPath:’…/…/’

HBuilder X app打包

打包步骤
1.下载HbuilderX之后新建项目
2.在这里选则你需要新建的项目类型，本人打包的是h5app，选的5+app
3.选择好项目本地存放的地址，编写项目名，之后点击创建
4.打开刚刚创建的那个项目，点击打开manifest.json
5.填写你的h5项目地址
6.基本配置
7.SDK配置里可以配置你的项目的appid、key其他配置
8.把你的配置都填写好之后点击发行——云打包
9.打包完成之后会给你一个链接，点击下载就行了，下载出来的是安装包安装到手机上打开就行了