Applet mpvue

Initialiser un projet mpvue

1. Créez un nouveau dossier et exécutez ce qui suit avec node.js

  • npm install --global [email protected]
  • vue init mpvue/mpvue-quickstart my-test
    (mon-test) est le nom à donner
  • Dépendances d'installation
    • cd my-test
    • npm install·
    • npm run dev

Une fois l'opération réussie écho, vous pouvez voir qu'il existe un répertoire dist supplémentaire dans le répertoire local, et ce répertoire est le code généré lié à l'applet.
2. Importez l'outil de développement WeChat comme exemple:
(recherchez simplement un fichier wx dans le fichier dist et importez-le)

Insérez la description de l'image ici3. Utilisez votre propre éditeur pratique pour ouvrir le code dans le répertoire src de my-test pour essayer, par exemple:
Insérez la description de l'image ici
créez un nouveau html
, créez un nouveau dossier dans les pages et Insérez la description de l'image iciremplissez le fichier main.js dans le dossier demo

import Vue from 'vue'
import App from './index'

// add this to handle exception
Vue.config.errorHandler = function (err) {
    
    
  if (console && console.error) {
    
    
    console.error(err)
  }
}

const app = new Vue(App)
app.$mount()

Ouvrez le fichier app.json et modifiez l'ordre au premier endroit pour l'afficher en premier, puis
Insérez la description de l'image iciredémarrez npm run dev

Je suppose que tu aimes

Origine blog.csdn.net/weixin_54645059/article/details/113721048
conseillé
Classement