微信小程序於2017年1月9日正式上線後，受到了廣大用戶的關注，其較低的開發成
本和微信龐大的用戶量，為許多企業和個人提供了商機。為了幫助開發人員簡單地新建項目，高效地開發微信小程序，微信團隊提供了一套微信開發者工具。
1.1 下載安裝
在微信官方文檔.小程序(https://developers.weixin.qq.com/miniprogram/dev/framework)中，找到微信開發者工具的下載地址，按個人使用的操作系統下載對應的版本。不用糾結在什麼平臺下開發比較好的問題，畢竟它是跨平臺的，跨平臺的工具，無論是在Windows下，還是在macOS下，都是一個熊樣，你喜歡就好。
雙擊下載的安裝包，Windows下，【下一步】、【我接受】、【安裝】即可完成安裝；macOS下，按下左邊【微信開發者】圖標拖至右邊【Applications】，拷貝至應用程序下便可。打開開發工具的第一個窗口很微信，不掃碼就別想再進行下去。
掃碼之後，會進到一個選擇項目類型(默認為小程序)的新窗口。在窗口底部，有一個mini型的個人頭像，頭像旁邊的【註銷】可以返回掃碼窗口，【管理】可用於刪除項目。
不知是不是微信的產品經理用了設計心理學，讓人一見到加大碼的+號就想點它，為了不讓他們失業，我們點吧。點下之後，窗口又跳轉了，去到了新建項目。
1.2 新建項目
項目名稱，可以改成做夢都想哭的HelloWorld，也可以跟我一樣懶，保持不變。
目錄，愛放哪就放哪，我不想管，也管不著。
AppID，若無，可使用【測試號】，只是它會導致【小程序.雲開發】悄悄地躲起來，不給你用。反正暫時還沒用到雲開發，就先這麼著吧，等用到時去獲取一個就是了。
開發模式，有小程序和插件兩項。小程序就是應用程序，是我們要學習的內容，插件是可複用，可共享的代碼片段。
語言，有JavaScript和TypeScript兩項。TypeScript是一種由微軟開發的自由和開源的編程語言，它是JavaScript的一個超集。開發微信小程序，用JavaScript足以。
在一切準備就緒後，按下【新建】按鈕，窗口再次跳轉，進到開發窗口中。
1.3 開發窗口
窗口從上到下，從左到右，分別為：菜單欄、工具欄、模擬器、編輯器(目錄樹、編輯區)、調試器五大部分。
1. 菜單欄
項目：新建、打開或關閉項目。
文件：新建、保存或關閉文件。
工具：訪問一些輔助工具，如代碼倉庫。
界面：設置開發窗口模塊的顯示與隱藏。
設置：調整編輯器主題、外觀，設置代理或某種通知。
2. 工具欄
個人頭像：點擊頭像會打開一個用於切換用戶的二維碼，可進行掃碼切換。
模擬器、編輯器、調試器：控制相應工具的顯示和隱藏。
編譯：默認情況下，直接按Ctrl+S快捷保存代碼文件，開發工具會自動編譯運行。如果想手動編譯，那就按”編譯”按鈕便可。
預覽：點擊“預覽”會生成一個二維碼等你掃描，當你用真機(安裝了微信的智能手機，否則就是玩具)掃描之後，即可在微信中預覽小程序的實際運行效果。
真機調試：點擊“真機調試”會生成一個二維碼等你掃描，當你用真機(安裝了微信的智能手機，否則就是玩具) 掃描之後，即可通過網絡連接，對手機上的小程序進行調試。
切後臺：模擬小程序進入後臺的情況。
清緩存：清除工具上的文件緩存、數據緩存、還有後臺的授權數據。
3. 模擬器
模擬小程序在微信客戶端的表現，小程序的代碼通過編譯後可以在模擬器上直接運行。
選擇不同的手機模擬器，調試小程序在不同尺寸機型上的適配問題。
編輯器分為左右兩欄，左邊是管理項目結構的目錄樹，右邊是編寫代碼的編輯區。單
擊目錄樹下的某個文件，就可以在編輯區對其進行編輯。
5. 試器器
不知是出於矜持，還是想秀一下才華的緣故，微信團隊示愛面板，不用中文，而是用了英文。為了滿足你八卦的好奇心，我逐個”翻譯”一下。
Console：輸出程序的調試信息或工具的提示，還可以直接編寫代碼執行。
Network：用於觀察和顯示網絡請求的狀況，為優化性能提供幫助。
Security：調試頁面的安全和認證信息，如HTTPS。
Sources： 查看經過處理之後的源代碼，js文件。
AppData：用於顯示當前項小程序實時運行的數據。
Audits: 定位和識別小程序運行過程中的體驗問題並獲取相關建議。
Sensor：模擬地理位置(經緯度數據)和調試重力感應 API。
Storage: 用於查看、刪除、修改、新增當前項目使用的緩存數據。
Trace: 通過USB連接Android5.0以上版本系統，拉取Trace文件進行分析。
Wxml：查看wxml 轉化後的界面和真實的頁面結構及結構對應的wxss屬性。
開發工具，多用用就熟悉了，再說下去的話，怕你用100元人民幣揉成團砸我。為了避免衝突，轉移目標，我們一起K項目文件去。
閱讀更多 半碼 的文章
關鍵字: 熊樣 TypeScript Windows
