zoukankan      html  css  js  c++  java
  • 初识mpvue

    听说mpvue可以实现H5和小程序的同时开发  对使用过vue的选手几乎是0难度

    忍不住搓搓小手手

    看了文  唔~ 似乎不是很难的样子 

    然后实际上手操作了一下

    老规矩:新建项目

    npm install --global vue-cli   (# 全局安装 vue-cli)

    vue init mpvue/mpvue-quickstart XXXX  (创建一个基于 mpvue-quickstart 模板的新项目)

    cd XXX(找到 新建的项目XXX)

    npm install  (安装依赖)

    npm run dev   (启动构建)

     这个时候,你会发现,新建项目下多了一个dist文件  (这个目录里就是生成的小程序相关代码)

    别急,死鬼~ 如果你把项目引入微信开发工具,你会发现,工具根本识别不了.vue的文件 

    那怎么办嘞

    其实这个时候,就应该了解文档内说的话,含沙射影在说什么了

     

    为什么要重新 npm run dev

    因为小程序需要获取最新的dist鸭

    把dist文件导入小程序开发工具内 一步一步按照正常小程序的开发流程走,就可以正常运行该项目啦

    官网说了,找个趁手的兵器、哦 是编辑器,按照正常开发H5的流程,找到项目里的src文件,就用vue开发此项目了

    写法与vue无异,对会vue的选手,真是友好过了头

    又会了一项技能,真是想想就害怕啊哈哈哈哈

    后期遇到需要填的坑,再继续哈

     

  • 相关阅读:
    Fluxbox 1.0 RC 2
    Cairo 1.2.0
    Transmission 0.6.1
    Xara LX Xtreme 0.5 Rev1175
    Totem 1.4.2
    ImageMagick 6.2.81
    恢复 Firefox 和 Thunderbird 图标
    Conky 1.4.2
    BitTorrent 4.20.0
    Geany 疾速简便的集成启示情况
  • 原文地址:https://www.cnblogs.com/tongjiaojiao/p/10451009.html
Copyright © 2011-2022 走看看