對于小程序編輯開發的平臺工具？

小程序開發工具有新版本更新啦！開發體驗更好了，詳情可以查看微信公眾平臺-小程序https://mp.weixin.qq.com/debug/wxadoc/dev/devtools/devtools.html

好了我們開始小程序實戰吧！

第一步：開發工具下載

下載開發工具：微信開發者工具

第二步：創建小程序項目

1、選擇“小程序”開發模式

安裝完成后，選擇“小程序項目”

2、添加項目

點擊“添加”

3、項目配置

如果沒有AppID 點擊“可點此體驗”也可以哦

申請AppID:https://mp.weixin.qq.com/wxopen/waregister?action=step1

4、完成

開發區域

備注：因為申請測試會占用測試機器資源，所以一個 APPID 一天只能申請一次測試報告。

第三步：代碼結構

項目里邊生成了不同類型的文件:

.json 后綴的 JSON 配置文件

app.json 是對當前小程序的全局配置，包括了小程序的所有頁面路徑、界面表現、網絡超時時間、底部 tab 等。

.wxml 后綴的 WXML 模板文件

從事過網頁編程的人知道，網頁編程采用的是 HTML + CSS + JS 這樣的組合，其中 HTML 是用來描述當前這個頁面的結構，CSS 用來描述頁面的樣子，JS 通常是用來處理這個頁面和用戶的交互。

.wxss 后綴的 WXSS 樣式文件

WXSS 具有 CSS 大部分的特性，小程序在 WXSS 也做了一些擴充和修改。

新增了尺寸單位。在寫 CSS 樣式時，開發者需要考慮到手機設備的屏幕會有不同的寬度和設備像素比，采用一些技巧來換算一些像素單位。WXSS 在底層支持新的尺寸單位 rpx ，開發者可以免去換算的煩惱，只要交給小程序底層來換算即可，由于換算采用的浮點數運算，所以運算結果會和預期結果有一點點偏差。

提供了全局的樣式和局部樣式。和前邊 app.json, page.json 的概念相同，你可以寫一個 app.wxss 作為全局樣式，會作用于當前小程序的所有頁面，局部頁面樣式 page.wxss 僅對當前頁面生效。

此外 WXSS 僅支持部分 CSS 選擇器

.js 后綴的 JS 腳本邏輯文件

一個服務僅僅只有界面展示是不夠的，還需要和用戶做交互：響應用戶的點擊、獲取用戶的位置等等。在小程序里邊，我們就通過編寫 JS 腳本文件來處理用戶的操作。

詳情可以查看微信官方文檔：微信小程序代碼構成

總結

以上內容大家都看了都非常簡單，更詳細的可以參考微信官方文檔，根據以上步驟可以搭建自己的第一個微信小程序，大家可以對生成的初始代碼可以做一些細微的調整，比如看一下如何獲取微信用戶信息（userInfo），log日志如何打印，頁面怎么跳轉等。