アプレットmpvue

mpvueプロジェクトを初期化します

1.新しいフォルダーを作成し、node.jsを使用して以下を実行します

  • npm install --global [email protected]
  • vue init mpvue/mpvue-quickstart my-test
    (my-test)は付けられる名前です
  • インストールの依存関係
    • cd my-test
    • npm install
    • npm run dev

成功した操作がエコーされた後、ローカルに追加のdistディレクトリがあり、このディレクトリがアプレットに関連して生成されたコードであることがわかります。
2.例としてWeChat開発者ツールをインポートします:
(distファイルでwxファイルを見つけてインポートするだけです)

ここに画像の説明を挿入します3.独自の便利なエディターを使用して、my-testのsrcディレクトリにあるコードを開いてみてください。たとえば
ここに画像の説明を挿入します
、新しいhtml
を作成し、ページに新しいフォルダーを作成ここに画像の説明を挿入しますし、デモフォルダーにmain.jsファイルを入力します。

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()

app.jsonを開き、順序を最初に変更して最初に表示し、
ここに画像の説明を挿入します最後にnpm rundevを再起動します

おすすめ

転載: blog.csdn.net/weixin_54645059/article/details/113721048