基于mpvue搭建一个小程序

基于mpvue搭建一个小程序mpvue是一套定位于开发小程序的前端开发框架,熟悉vue基本语法即可开发,没有原生小程序开发的思维转换1.安装vue-cli$npminstall–globalvue-cli2.创建一个基于mpvue-quickstart模板的新项目vueinitmpvue/mpvue-quickstartmy-project开始选择题,一路回车也是没问题的3.进入项目文件…

大家好,又见面了,我是你们的朋友全栈君。

mpvue是一套定位于开发小程序的前端开发框架,熟悉vue基本语法即可开发,没有原生小程序开发的思维转换

1.安装vue-cli

$ npm install --global vue-cli

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

vue init mpvue/mpvue-quickstart my-project

开始选择题,一路回车也是没问题的
在这里插入图片描述

3.进入项目文件夹安装依赖并启动

cd my-project
npm install
npm run dev

启动成功之后会多出一个dist文件,这个目录里就是生成的小程序相关代码。

4.打开微信开发者工具选择我们搭建好的vue项目

在这里插入图片描述
填写之后跳转到编辑工具页面,mpvue框架项目已经跑起来了
在这里插入图片描述
微信开发者工具不支持vue文件
你可以把微信开发者工具当成chorme浏览器一样来理解,只是一个用户代理(即显示网站用)
用其他开发工具,比如webstorm开发,然后在微信开发者工具中打开编译后的dist目录就行了

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。

发布者:全栈程序员-用户IM,转载请注明出处:https://javaforall.cn/139270.html原文链接:https://javaforall.cn

【正版授权,激活自己账号】: Jetbrains全家桶Ide使用,1年售后保障,每天仅需1毛

【官方授权 正版激活】: 官方授权 正版激活 支持Jetbrains家族下所有IDE 使用个人JB账号...

(0)
blank

相关推荐

  • Adapter的notifyDataSetChanged()

    Adapter的notifyDataSetChanged()notifyDataSetInvalidated(),会重绘控件(还原到初始状态)notifyDataSetChanged(),重绘当前可见区域publicvoidnotifyDataSetChanged():该方法内部实现了在每个观察者上面调用onChanged事件。每当发现数据集有改变的情况,或者读取到数据的新状态时,就会调用此方法。 publicvoidnoti

  • 中国电信广东DNS服务器[通俗易懂]

    中国电信广东DNS服务器[通俗易懂]1中国电信广州用户(包括番禺、增城、从化等区电信用户)“首选DNS服务器”为:61.144.56.100“备用DNS服务器”为:61.144.56.101这个经过测试确实是目前最快最有效的DNS服务器。2中国电信深圳用户“首选DNS服务器”为:202.96.128.86“备用DNS服务器”设置为:202.96.128.1663中国电信广东省其他地区用户(包括佛山、中山、江…

  • .net学习笔记11–数据验证控件–RangeValidator

    .net学习笔记11–数据验证控件–RangeValidatorRangeValidator控件用于检测表单字段的值是否在指定的最大值和最小值之间。<div>请输入成绩:<asp:TextBoxID=”TextBox1″runat=”server”></asp:TextBox><asp:RangeValidatorID=”RangeValidator1″runat=”serv…

  • 软考中高项学员:2016年4月4日作业

    软考中高项学员:2016年4月4日作业

  • SSDP服务_upnp 端口映射

    SSDP服务_upnp 端口映射SSDP简单服务发现协议,是应用层协议,是构成UPnP(通用即插即用)技术的核心协议之一。它为网络客户端(networkclient)提供了一种发现网络服务(networkservices)的机制,采用基于通知和发现路由的多播方式实现。SSDP多播地址:239.255.255.250:1900(IPv4),FF0x::C(IPv6)两种类型的SSDP请求消息会通过SSDP多播地址发送:1….

    2022年10月10日

发表回复

您的电子邮箱地址不会被公开。

关注全栈程序员社区公众号