小程序簡介：
微信小程序是騰訊開放平臺的一款快應(yīng)用，快速開發(fā)，快速應(yīng)用。有業(yè)務(wù)就有需求，需要快速進(jìn)入開發(fā)，有前路人照亮道路，不用盲目開路，這里是根據(jù)簡書一斤代碼大佬的博客而來，先從小程序原生項(xiàng)目介紹 。
1、小程序目錄文件介紹：
2、小程序開發(fā)準(zhǔn)備
對于沒有接觸小程序的開發(fā)者而言，去了解微信小程序原生開發(fā)并且使用，是沒有必要而且繁雜的過程。平臺過多，都有一套屬于自己的開發(fā)架構(gòu)，不可能出現(xiàn)一個(gè)就完全去了解一個(gè)，去使用它的方式開發(fā)，這對于開發(fā)者的時(shí)間和精力而言是相當(dāng)不劃算的。前段時(shí)間，美團(tuán)開源了mpvue這個(gè)項(xiàng)目，mpvue是一款基于vue.js的開發(fā)框架，使用vue的模式去開發(fā)項(xiàng)目將會自動編譯成微信小程序所需要的項(xiàng)目文件。這使得我們又多了一種用來開發(fā)小程序的框架選項(xiàng)。由于mpvue框架是完全基于Vue框架的（重寫了其runtime和compiler），因此在用法上面是高度和Vue一致的（某些功能由于受限于小程序環(huán)境本身的原因而不能使用），這給使用過Vue開發(fā)Web應(yīng)用的前端開發(fā)者提供了極低的切換門檻來開發(fā)小程序。
微信公眾平臺注冊小程序：https://mp.weixin.qq.com/
3、本地開發(fā)環(huán)境搭建
1、node.js 下載地址：https://nodejs.org/en/download/
命令行查看是否安裝成功 ：
node --version
//成功的話輸出類似：v10.6.0
npm --version
//成功的話輸出類似：6.1.0
然后，我們需要執(zhí)行以下命令，將npm的下載源切換到國內(nèi)淘寶的鏡像，以提高下載時(shí)的速度和成功率：
npm set registry https://registry.npm.taobao.org/
2、vue-cli
vue-cli是一個(gè)vue專用的項(xiàng)目腳手架工具，可以用于方便的創(chuàng)建vue項(xiàng)目骨架代碼，包括我們要講到的mpvue的項(xiàng)目代碼。我們可以通過安裝node.js后里面包含的npm工具來安裝vue-cli，在命令行輸入如下命令：
npm install vue-cli -g
vue
// 成功的話會輸出如下內(nèi)容：
// Usage: vue <command> [options]
//
// Options:
//
// -V, --version output the version number
// -h, --help output usage information
//
// Commands:
//
// init generate a new project from a template
// list list available official templates
// build prototype a new project
// create (for v3 warning only)
// help [cmd] display help for [cmd]
3、 微信開發(fā)者工具
這個(gè)工具是開發(fā)、調(diào)試和模擬運(yùn)行微信小程序的最核心的工具了，所以必須安裝。
下載地址：https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html
4、 Visual Studio Code + Vetur
Visual Studio Code（簡稱vscode）是現(xiàn)在非常流行的一個(gè)輕量級代碼編輯器，擁有非常多好用的輔助開發(fā)插件，在我的文章中我都會使用這個(gè)編輯器來編輯代碼。當(dāng)然，好用的代碼編輯器有很多，比如Sublime Text、WebStorm等，同樣可以達(dá)到我們的開發(fā)目的，你也盡管用你自己最喜歡的代碼編輯器來寫代碼就行了。
下載地址：https://code.visualstudio.com
安裝完vscode后，在它的插件管理器中，查找Vetur并安裝，然后重啟一下vscode后，插件即生效：
