我們都知道微信小程序已經(jīng)流行很久了，但應(yīng)該說現(xiàn)在是最流行的時候。 畢竟在很早以前，如果你想寫一個小程序Hello World，讓別人看到，你需要一個企業(yè)的身份登記，有很多限制（個體工商戶也可以）sublime text 小程序，這讓很多個人望而卻步。 。

今天（具體日期不再重要），您可以單獨注冊，所以讓我們編寫自己的Hello World。

第 1 步：注冊

在微信公眾平臺官網(wǎng)首頁，點擊注冊。 （相關(guān)文檔可以找到，這里不再贅述，還望大家見諒。）

微信小程序注冊成功后的界面

第二步：編輯器和開發(fā)工具

我們假設(shè)您已經(jīng)申請注冊了微信小程序，我們選擇一個編輯器進行代碼開發(fā)。

在這里，我建議使用：文本或代碼。

然后下載微信開發(fā)者工具（目前最新版本：0.17。）界面如下：

微信開發(fā)者工具示意圖

如果你經(jīng)常使用它，是不是很相似？ 打開調(diào)試工具（F12），切換到移動模式，將調(diào)試工具的方向調(diào)整到右邊緣。

第三步：編寫代碼

我們使用 Text 打開一個空目錄，然后創(chuàng)建三個新文件：app.js、app.json 和 app.wxss。

這三個文件是必需的，并且它們的名稱是固定的。 app代表了整個小程序，所以從名字上我們就可以看出它們的重要性。

至于文件擴展名，我先解釋一下：.wxss表示css，.wxml表示html，.json表示配置信息。 這樣你就會知道，我們平時開發(fā)網(wǎng)頁的三個文件（html、css、js）是有獨立的規(guī)則的，你只要記住它們就可以了，這些就是規(guī)則。

1.app.js

微信小程序app.js

這里，我們只寫一個空的App（{}），這是規(guī)定的語法。 您也可以前往微信小程序開發(fā)文檔查看詳細說明。

2.app.json

微信小程序app.json

其中大部分是固定的，您只需要更改配置信息即可。 對于本文，您需要指定 hello.js（不帶擴展名）。

3.app.wxss

微信小程序app.wxss

這是全局的css樣式定義，和你之前定義的main.css是一樣的，是整個網(wǎng)站使用的通用樣式。

4. 你好.js

我們新建一個pages文件夾，以便可以在這里管理所有頁面，然后新建一個hello.js文件，如下：

微信小程序hello.js文件

Page({})是固定格式，數(shù)據(jù)也是固定的，用來表示靜態(tài)數(shù)據(jù)。 在這里，我們定義變量。

5. 你好.wxml

微信小程序hello.wxml文件

這里的view是一個容器，類似于我們經(jīng)常寫的div。 然后模板引用了數(shù)據(jù){{}}，之前的文件，這里使用的是我們定義的變量。

6. 你好.wxss

微信小程序hello.wxss文件

定義了兩個 css 類樣式sublime text 小程序，供前一個文件的標(biāo)簽類屬性使用。

第四步：調(diào)試預(yù)覽并上傳

打開之前安裝的微信開發(fā)者工具，創(chuàng)建一個項目，指定我們的代碼目錄，然后就可以預(yù)覽了（需要微信驗證登錄）。 這部分我就不多說了，官方開發(fā)文檔中有詳細說明。

調(diào)試預(yù)覽的效果就像上面編輯器的圖片一樣。

關(guān)于上傳，可以使用微信開發(fā)者工具上傳。 不過，由于這篇文章過于簡單，即使上傳了，也不太可能被審核通過。

至此，我們就介紹了這個小程序Hello World。 強烈建議大家有時間仔細看看《微信小程序官方開發(fā)文檔》。 如果有什么不明白的地方，可以評論分享。

如果這篇文章對您有幫助，那么請關(guān)注我，請關(guān)注我，請點贊，請轉(zhuǎn)發(fā)！ ！ ！

如有侵權(quán)請聯(lián)系刪除！