用mpvue构建一个初始小程序和项目配置方法

1.初始化mpvue项目

现代前端开发框架和环境需要node.js，如果不需要，请先下载nodejs并安装。

然后打开命令行工具：

# 1.首先检查Node.js是否安装成功。$ node -vv8.9.0$ npm -v5.6.0# 2。由于众所周知的原因，可以认为切换源是淘宝源$ NPM集注册地https://registry.npm.taobao.org/# 3。vue-cli#的全球安装通常为$ NPM安装-全球[电子邮件保护] # 4。基于mpvue-quickstart模板创建新项目#新手可以默认一路输入$ vue nit MPV UE/MPV UE-quick start my-project # 5。安装依赖，走你的路$光盘我的项目$ NPM安装$ NPM运行开发。回显成功的操作后，可以看到本地有一个额外的dist目录，这个目录就是生成的与小程序相关的代码。

2.构建小程序的开发环境

小程序有自己专用的微信开发者工具，最新版本下载地址。

这一步比较简单，只需按照提示一步一步安装，然后用微信扫描二维码即可登录。至此，小程序的开发环境基本完成。

3.调试和开发mpvue

选择小程序项目，依次填写所需信息：项目目录：刚创建的项目目录(非dist目录)AppID:如果没有，可以点击体验“小程序”，只影响真机能否调试。项目名称。

如图所示：

Applet项目配置

点击“确定”按钮跳转到官方开发页面，点击“编辑器”按钮关闭小程序编辑器。然后如图所示：

此时，整个mpvue项目已经启动。

尝试用自己的编辑器(或IDE)打开我的项目中src目录中的代码。

摘要

以上是边肖介绍的用mpvue构建初始小程序和项目配置的方法。希望对大家有帮助。如果你有任何问题，请给我留言，边肖会及时回复你。非常感谢您对我们网站的支持！