說明：筆者重新規劃了博客方向，想更詳細的講解微信小程序的所有技術內容，本文於2020年5月24日已做修改。
本文首發CSDN，純筆者原創手打，歡迎社會各界朋友來轉載我的文章，希望先來私信我，轉載後文章加上原文地址！
同時筆者也歡迎一起合作共贏，願意寫雜誌，寫書，貢獻自己的一份微薄之力！
作爲第一篇的講解，本文主要介紹微信小程序開發前的準備
如果您想系統的學習微信小程序，歡迎關注我的CSDN微信小程序專欄，我將不定期更新所學技術，謝謝！
0瞭解什麼是微信小程序
一句話：
微信小程序，小程序的一種，是一種不需要下載安裝即可使用的應用，它實現了應用“觸手可及”的夢想，用戶掃一掃或搜一下即可打開應用。
1 註冊微信小程序賬號
官網註冊地址：https://mp.weixin.qq.com/wxopen/waregister?action=step1
需要注意以下六點：
0.如果你只是想接觸學習微信小程序，不是想開發發佈屬於自己的小程序，無需註冊，直接到第二步。
1.如果是個人小程序或者政府小程序，是免費的，如果是企業或者其他組織的小程序，需要付300R審覈費。
2.個人小程序只需要身份證和手機號，再加微信掃碼即可，如果是政府企業，需要營業執照或者組織代碼機構證。
3.一個身份證只能註冊 5個 個人小程序，一個郵箱只能註冊一個微信開放平臺（包括綁定微信，企業微信，微信公衆號，微信小程序）。
4.註冊完成後，會讓你填寫小程序的服務內容，提交後需要認證，（如政務服務——政務服務大廳）認證通過之後才能發佈代碼。
5.企業政府小程序註冊完成之後，還額外會有實名認證環節，一般採用對公打款認證。
2. 下載使用微信開發者工具
下載地址：https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html
一般選擇穩定版，下載後正常安裝（類似安裝QQ），安裝完畢後打開，使用微信掃碼登入。
然後點擊這個空白塊加號，創建一個新的項目。
如果沒有創建小程序賬號，點擊 測試號 即可，如果你創建了自己的小程序賬號，建議填寫自己的APPID，可以在微信公衆平臺的開發模塊查詢到。
即：如果你沒有註冊微信小程序賬號，界面如下所示
如果你註冊了微信小程序賬號，界面如下所示:
之後點擊右下角的新建，這一步就完成了。
3.刪減不必要的代碼
我們點擊新建之後，開發工具的界面是這樣的，而對於我們初學者來說，不需要那麼多花裏胡哨的功能，我們只需要輸出一個HelloWorld即可，從零基礎入門。所以，我們需要刪減一些不必要的代碼，來實現初始的HelloWorld界面。
我們先來了解一下小程序的代碼結構，我把它分爲五個模塊。
3.1刪除多餘的logs頁面
如果我們只需要實現最基礎的HelloWorld，只需要一個頁面，所以，我們先把logs（即第三個模塊）刪除。
具體方法，右鍵logs文件夾，刪除。
3.2刪除app.json中多餘的代碼
以下是app.json文件中的初始代碼，因爲我們在上一步已經將logs文件夾刪除，所以我們需要在app.json中，將對logs頁面的配置進行刪除。
{
"pages":[
"pages/index/index",
"pages/logs/logs"
],
"window":{
"backgroundTextStyle":"light",
"navigationBarBackgroundColor": "#fff",
"navigationBarTitleText": "WeChat",
"navigationBarTextStyle":"black"
},
"style": "v2",
"sitemapLocation": "sitemap.json"
}
具體方法，選中第四行和第三行最後的逗號，刪除。
,
"pages/logs/logs"
3.3刪除Index頁面的多餘代碼
我們先把此界面的已有功能全部清空，清空到如下所示：
3.3.1 index.wxml
<view class="container">
</view>
3.3.2 index.js
const app = getApp()
Page({
data: {
},
onLoad: function () {
}
})
3.3.3 index.wxss
內部代碼全部刪除
清空之後，這時候我們按一下保存鍵（快捷鍵——Ctrl + S）,頁面就空白了，如果調試器報錯，你就要檢查一下是不是刪錯地方了。正常情況下如下圖所示：
4. 添加HelloWorld模塊功能
4.1 在index.js文件中添加字符變量str
具體代碼如下第四行所示
const app = getApp()
Page({
data: {
str: 'hello zwz!'
},
onLoad: function () {
}
})
4.2 在index.wxml中渲染雙向綁定數據
具體代碼如下第二行所示
<view class="container">
{{str}}
</view>
接着我們再次保存一下（快捷鍵——Ctrl + S）可以看到界面如下圖所示
5.總結
總而言之，我們需要初始化一個最基本的HelloWorld項目，先新建一個項目，然後把已有的功能刪除掉，然後後臺JS文件添加一個變量，前臺利用雙括號語法，渲染出來即可。
筆者會出一個微信小程序的專欄，詳細講解微信小程序的常用技術，謝謝朋友們的關注！