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

文章摘要：vue写的页面怎么弄成小程序 怎么用vue写小程序

vue页面弄成小程序的方法： 1.借助mpvue框架，安装小程序开发工具。 2.用mpvue生成项目： # 全 […]

vue页面弄成小程序的方法：

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

2.用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

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

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