小程序开发框架:mpvue（三）完成一个积极干净的mpvue初创项目

小程序开发框架:mpvue（一）初篇
小程序开发框架:mpvue（二）项目代码分析

  上篇我们分析了项目的代码，了解了这个初建项目的代码逻辑，如何新建页面等等知识，有了这个作为基础，那我们就可以愉快的写自己的项目了；

  首先我们对初建的项目进行下裁剪，去掉不需要的代码，保留一些重要配置

1）修改App.vue文件如下, 该文件主要用于日志记录，暂时不需要

<script>
export default {
}
</script>

<style>
</style>

2）修改app.json配置文件，该文件主要用于配置微信小程序的页面，现在只保留主页即可

{
  "pages": [
    "pages/index/main"
  ],
  "window": {
    "backgroundTextStyle": "light",
    "navigationBarBackgroundColor": "#fff",
    "navigationBarTitleText": "mpvue程序体验",
    "navigationBarTextStyle": "black"
  }
}

3）删除components目录下文件和pages/counter目录下文件和pages/logs目录下文件
4）修改主页文件pages/index.vue文件

<template>
  <div class="container">一个干净的mpvue工程
  </div>
</template>

<script>
export default {
  data () {
    return {
    }
  },

  methods: {
  }
}
</script>

<style scoped>
</style>

运行之后，你就可以得到如下的一个干净的mpvue工程

   当你在删除文件重新编译的时候也许会遇到很对意外情况，没关系，下载这个工程就好，这是一个积极干净的初创mpvue项目工程
一个积极干净的mpvue项目
下载完成之后，执行npm install 和npm run dev即可编译/运行项目