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を再起動します