使用mpvue框架开发小程序入门系列_mpvue小程序可以用idea打开吗

作者：Li_阴宅 | 2024-07-03 10:10:02

踩

mpvue小程序可以用idea打开吗

附一位前辈的使用mpvue来发小程序的入门教程：https://www.jianshu.com/p/8f779950bfd9

1、必要的开发环境安装：

nodeJS

vue-cli

idea

2、创建第一个基于mpvue的小程序项目代码

vue init mpvue/mpvue-quickstart miniapp-test

创建成功之后的代码结构：

初始化生成的代码目录中是没有node_modules目录和dist目录的，需要运行 npm install 安装依赖

在package.json文件中有以下命令：

运行 npm start 代码生成dist目录

代码编译输出的文件就是mpvue将vue代码转换成了小程序能识别的代码，然后我们用微信开发者工具导入dist目录下的文件：

看，我们用vue开发的第一个小程序成功了！

本文内容由网友自发贡献，转载请注明出处：【wpsshop博客】