基于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目录就行了

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

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

(0)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • python生成时间戳_Python 获取时间戳

    python生成时间戳_Python 获取时间戳importtimetime_tup=time.localtime(time.time())printtime_tupformat_time=’%Y-%m-%d_%a_%H-%M-%S’cur_time=time.strftime(format_time,time_tup)printcur_time参考:https://blog.csdn.net/a542551042/articl…

    2022年10月3日
    0
  • c语言智能车跑道检测程序,基于金属检测的智能循迹小车设计

    c语言智能车跑道检测程序,基于金属检测的智能循迹小车设计杜青乔延华韩淼苗艳华蔡乙男摘要:为解决当前循迹小车存在性能稳定性差的问题,提出一种基于金属检测的智能循迹小车设计方法。采用LDC1000设计一种金属循迹智能小车,介绍系统总体设计框架、硬件设计和软件设计。采用STM32单片机处理LDC1000电感数字转换器采集的路面信息,并通过串口通信将数据传给STC51单片机,由51单片机对数据进行处理,实现对报警、显示及电机驱动模块的控制,…

    2022年6月6日
    51
  • C/C++ 命令解析:getopt 方法详解和使用示例

    C/C++ 命令解析:getopt 方法详解和使用示例一、简介getopt()方法是用来分析命令行参数的,该方法由Unix标准库提供,包含在<unistd.h>头文件中。 二、定义intgetopt(intargc,char*constargv[],constchar*optstring);externchar*optarg;externintoptind,opterr,o…

    2022年4月29日
    37
  • zuul 网关的用途_Zuul网关

    zuul 网关的用途_Zuul网关Zuul的主要作用:1.路由,进行请求转发。2.鉴权,进行身份认证(安全)。3.限流,限制访问的数量,保证服务器的稳定。除此之外还有以下作用4.负载均衡。5.压力测试。6.监控1.Zuul简单使用1.添加依赖org.springframework.cloudspring-cloud-starter-netflix-zuul2.添加@EnableZuulProxy注解@EnableZuulProx…

    2022年8月15日
    6
  • C++ int转char_c语言中int转char

    C++ int转char_c语言中int转char文章目录1.通过ascii码:2.直接转换(更简单,推荐)1.通过ascii码:chara=’0′;intia=(int)a;/*notethattheintcastisnotnecessary–intia=awouldsuffice*/cout<<ia<<endl;结果如下:可以看出这种方法得到的其实是ch…

    2022年10月2日
    1
  • android120 zhihuibeijing 开机页面[通俗易懂]

    android120 zhihuibeijing 开机页面

    2022年3月8日
    45

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

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