vue写的页面怎么弄成小程序

借助mpvue框架，安装小程序开发工具。

用mpvue生成项目：

# 全局安装 vue-cli
$ npm install --global vue-cli
# 创建一个基于 mpvue-quickstart 模板的新项目
$ vue init mpvue/mpvue-quickstart my-project
# 安装依赖
$ cd my-project
$ npm install
# 启动构建
$ npm run dev

Npm run dev运行成功后，本地目录下会生成一个dist文件（这个文件就是生成的小程序相关代码）。

在小程序中新建项目，填写小程序appid，真机测试即可。