為了清楚起見，我們將要對vue-cli生成的**做乙個清理工作，具體如下：
import vue from 'vue'
vue.config.productiontip = false
export default
}}
程式入口
有了這三個部分，才能成功執行起乙個最簡單的小程式。
其實在src/main.js中，我們就可以完整的進行這些資訊的配置，具體可以檢視該檔案的最底部**：
export default
}}
export default匯出的物件的config屬性下的值，就是這些小程式的配置資訊了。
export default
}.container
首頁、以及其他頁面
每個小程式都需要至少有乙個頁面，第乙個展示的頁面被叫做首頁。因為前面已經把所有的頁面**都刪完了，所以我們現在要新建乙個首頁。在src/pages目錄下，我們新建乙個名為index的子目錄（請遵循每個頁面放入乙個子目錄的良好習慣），然後在該子目錄下，新建2個檔案：乙個用於實現頁面主體功能的index.vue元件，另乙個則用於將這個頁面元件生成vue例項並載入的main.js。以後的每乙個mpvue頁面元件都會擁有這樣的結構。
然後在main.js中編寫如下**，非常簡單的一段**，它的功能是引入index.vue並建立vue例項：
import vue from 'vue'src/main.js中一樣去匯出乙個頁面級別的配置，因為小程式的每個頁面都可以有一些單獨的配置：
import vue from 'vue'
export default
}
index.vue頁面元件，它的寫法是最典型的vue元件寫法。
}
模板部分我們通常可以用html標籤來寫，比如div、span等，它們會在編譯的時候被自動轉換成小程式的原生元件view、text之類；而那些小程式特有的元件如swiper、rich-text等，可以直接在模板中使用。
在原生小程式的頁面（page）中包含了很多頁面的生命週期方法，如onload、onunload、onshow、onhide、onpulldownrefresh等等，mpvue中推薦使用vue元件生命週期方法，而像onpulldownrefresh、onreachbottom這類特殊功能的生命週期則需直接使用原生的。
}
src/pages目錄下編寫多個頁面元件後，mpvue也會自動把它們都新增進配置檔案，但是由於小程式有乙個機制：
配置檔案中pages陣列裡的第乙個page路徑會被當做是首頁
"pages": [
"pages/articles/main",
"pages/authors/main",
"pages/index/main",
"pages/kickstart/main"
]
src/main.js的配置裡，加入這樣一行配置資訊：
pages: [
'^pages/index/main'
]
^符號。
小結今天主要了解了作為乙個最簡單的可以執行的mpvue小程式所應該包含的各個**部分，希望你可以動手實踐一下，理解和掌握這些內容。good luck！
使用mpvue開發小程式教程（二）
在visual studio code裡面開啟專案資料夾，我們可以看到類似如下的檔案結構 package.json project.config.json static src components pages utils main.js config index.js dev.env.js pro...
使用mpvue開發小程式教程（二）
在visual studio code裡面開啟專案資料夾，我們可以看到類似如下的檔案結構 package.json project.config.json static src components pages utils main.js config index.js dev.env.js pro...
使用mpvue開發小程式教程（五）
在上一章節中，我們了解了元件的三個基本特性以及元件的基本使用方法。在實際的小程式開發中，我們應該以元件的思維去設計每個小程式的功能頁面，對其進行合理的元件拆分，讓每個部分都保持功能簡潔 條理清楚 各司其職，這樣會讓 變得更易理解和維護，間接的也提公升了 的健壯性，降低出現bug的機率，即使出現bug...