小程序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. 导入微信开发者工具如示例：
（找到dist文件 里面有个wx文件 导入就好）

3. 用自己趁手的编辑器 打开my-test中的 src 目录下的代码试试，如示例：

新建新的html
在pages里面新建新的文件夹 demo文件夹 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 run dev