基于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)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • 小明加密通道进入_如何利用PS通道去除面部雀斑

    小明加密通道进入_如何利用PS通道去除面部雀斑今天,教大家如何去除雀斑,美颜,教程主要包括了对图层通道、滤镜的高反差保留,污点修复画笔工具,以及曲线等效果的应用。效果图第一步:打开PS,Ctrl+O打开素材,Ctrl+J复制一层,得到图层1,回到工具栏,用污点修复画笔工具先做粗修,画笔用硬边,模式:正常,类型:内容识别,如下图第二步:回到图层面板,Ctrl+J复制一个图层,进入通道,通道分为RGB、红、绿、蓝,拖动蓝色到下面的复制面板进行拷贝…

    2022年6月17日
  • 通俗理解线性回归(一)

    通俗理解线性回归(一)0什么是回归?假设线性回归是个黑盒子,那按照程序员的思维来说,这个黑盒子就是个函数,然后呢,我们只要往这个函数传一些参数作为输入,就能得到一个结果作为输出。那回归是什么意思呢?其实说白了,就是这个黑盒子输出的结果是个连续的值。如果输出不是个连续值而是个离散值那就叫分类。那什么叫做连续值呢?非常简单,举个栗子:比如我告诉你我这里有间房子,这间房子有40平,在地铁口,然后你来猜一猜我的房子总共值…

    2022年6月19日
  • 突然的:图形设备驱动程序错误代码 43 -(已解决)

    突然的:图形设备驱动程序错误代码 43 -(已解决)昨天在使用Unity制作一些效果时,突然整体屏幕黑了,显示内容后,屏幕的分辨率变得很低,由原来的1920*1080,变成只有1024*768。然后我没管,继续使用Unity干活。然后发现Unity只要运行(PlayMode),CPU就占用了100%。我就知道电脑显卡之类的出问题了,我想准备要查看是什么问题的,但是刚好要搬家了。所以今天打开Unity运行后,发现CPU还是100%,然后使用:…

    2022年6月28日
  • 自动化测试po模式是什么?自动化测试po分层如何实现?-附详细源码[通俗易懂]

    自动化测试po模式是什么?自动化测试po分层如何实现?-附详细源码[通俗易懂]一、什么是PO模式全称:pageobjectmodel简称POMPO模式最核心的思想是分层,实现松耦合!实现脚本重复使用,实现脚本易维护性!主要分三层:1.基础层BasePage:封装一些最基础的selenium的原生的api方法,元素定位,框架跳转等。2.PO层:元素定位、获得元素对象,页面动作3.测试用例层:业务逻辑,数据驱动!三者的关系:PO层继承继承层,测试用例层调用PO层!二、非PO模式和PO模式优缺点对比笔者来自公众号:软测之家 非PO模式 PO模式.

    2022年5月27日
  • datagrip安装教程与激活_激活

    datagrip安装教程与激活_激活Datagrip激活码最新破解教程,Mac版激活至2299年,Datagrip激活码2021.3.3

    2022年4月20日
  • 变异系数法之matlab

    变异系数法之matlab1.简介2.算法原理2.1指标正向化2.2数据标准化2.3计算变异系数2.4计算权重以及得分3.实例分析3.1读取数据3.2指标正向化3.3数据标准化3.4计算变异系数3.5计算权重3.6计算得分完整代码

    2022年4月29日

发表回复

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

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