vue写的页面如何弄成小程序

这篇“vue写的页面如何弄成小程序”文章的知识点大部分人都不太理解，所以小编给大家总结了以下内容，内容详细，步骤清晰，具有一定的借鉴价值，希望大家阅读完这篇文章能有所收获，下面我们一起来看看这篇“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，真机测试即可。

vue是什么

Vue是一套用于构建用户界面的渐进式JavaScript框架，Vue与其它大型框架的区别是，使用Vue可以自底向上逐层应用，其核心库只关注视图层，方便与第三方库和项目整合，且使用Vue可以采用单文件组件和Vue生态系统支持的库开发复杂的单页应用。

以上就是关于“vue写的页面如何弄成小程序”这篇文章的内容，相信大家都有了一定的了解，希望小编分享的内容对大家有帮助，若想了解更多相关的知识内容，请关注编程网行业资讯频道。