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

498 阅读1分钟

小程序开发框架: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即可编译/运行项目