mpvue快速创建和启动一个带热重载、保存时静态检查、内置代码构建功能的小程序项目

版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接: https://blog.csdn.net/qq_33871182/article/details/102742323

使用Vue开发微信小程序:mpvue框架。端开发框架和环境都是需要 Node.js ,先安装node.js开发环境,下载https://nodejs.org/en/,安装完成之后,打开cmd开始输入命令。

1.安装node.js

2.检查npm版本

3.安装淘宝镜像

$ npm set registry https://registry.npm.taobao.org/

全局安装 vue-cli

$ npm install --global vue-cli

创建一个基于 mpvue-quickstart 模板的新项目

$ vue init mpvue/mpvue-quickstart my-project

安装依赖

$ cd my-project

$ npm install

启动构建

$ npm run dev
在这里插入图片描述
打开微信开发者工具在这里插入图片描述在这里插入图片描述
目录的基本介绍
在这里插入图片描述

每一个页面都包含三个文件(index.vue、main.js、main.json):在这里插入图片描述
JSON 配置配置说明
JSON 配置分为三种:全局小程序配置 app.json、页面配置 page.json、工具配置 project.config.json

猜你喜欢

转载自blog.csdn.net/qq_33871182/article/details/102742323