創(chuàng)新互聯(lián)www.cdcxhl.cn八線動(dòng)態(tài)BGP香港云服務(wù)器提供商，新人活動(dòng)買多久送多久，劃算不套路！

專注于為中小企業(yè)提供網(wǎng)站設(shè)計(jì)、成都網(wǎng)站設(shè)計(jì)服務(wù),電腦端+手機(jī)端+微信端的三站合一,更高效的管理,為中小企業(yè)沙市免費(fèi)做網(wǎng)站提供優(yōu)質(zhì)的服務(wù)。我們立足成都，凝聚了一批互聯(lián)網(wǎng)行業(yè)人才，有力地推動(dòng)了上1000家企業(yè)的穩(wěn)健成長，幫助中小企業(yè)通過網(wǎng)站建設(shè)實(shí)現(xiàn)規(guī)模擴(kuò)充和轉(zhuǎn)變。

這篇文章主要為大家展示了微信小程序入門，內(nèi)容簡而易懂，希望大家可以學(xué)習(xí)一下，學(xué)習(xí)完之后肯定會有收獲的，下面讓小編帶大家一起來看看吧。

(一) 準(zhǔn)備工作

(1) 登錄注冊

注冊賬號：這就不談了，只需要注意使用一個(gè)全新的郵箱，別之前注冊過公眾號小程序等就可以了

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

登錄賬號：通過郵箱密碼登錄，亦或者綁定微信后使用掃碼也是可以的

https://mp.weixin.qq.com/

(2) 獲取 APPID

登錄后，在開發(fā)入門的階段有一個(gè)比較重要的內(nèi)容需要了解，那就是 APPID，很好理解，就是這個(gè)小程序的唯一標(biāo)識，就類似我們的身份證，登錄后首頁左側(cè)欄選擇【開發(fā)】，跳轉(zhuǎn)后，選擇【開發(fā)設(shè)置】就可以看到我們的 APPID

這個(gè) APPID 要記好哈，在剛開始學(xué)習(xí)的時(shí)候，就會使用到

(3) 下載工具

在官網(wǎng)選擇一個(gè)合適的版本進(jìn)行下載，這就是我們小程序的編譯器，這里我選擇的是開發(fā)版，不過選擇穩(wěn)定版也是可以的，針對入門并沒有太大的區(qū)別，不過穩(wěn)定版可能出現(xiàn)的小毛病會少一些

https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html

安裝好后，直接提示掃碼登錄，接著就是點(diǎn)擊左側(cè)【小程序】，然后點(diǎn)擊右側(cè)【新建】（一個(gè)大加號）填寫一些基本的信息

• 項(xiàng)目名稱和目錄：自己看著弄就可以了
• APPID：之前頁面中找到的 APPID 在這個(gè)時(shí)候就可以用的上了，雖然你使用測試號也是可以進(jìn)入的，到底后面還是要用自己的 ID 的。
• 開發(fā)模式：小程序
• 后端服務(wù)：不使用云服務(wù)，前面還是以學(xué)習(xí)小程序本身為主，不使用此選項(xiàng)
• 語言：JavaScript 和 Typescript，根據(jù)自身的熟悉程序選擇即可

新建后，第一個(gè)小程序就完事了哈~

(二) 初識小程序

(1) 界面總覽

下面的區(qū)域就是一個(gè)初始化新建好的項(xiàng)目界面了，圖片中標(biāo)的很清楚，每一塊的具體內(nèi)容，第一次創(chuàng)建項(xiàng)目時(shí)，也可以在設(shè)置的通用設(shè)置中將默認(rèn)的的工作區(qū)以及主題（淺色還是深色）根據(jù)自己的需要修改

說明：直接在小程序官方的工具中編寫代碼也可以，不過我個(gè)人選擇配合 vscode 或 sublime 進(jìn)行代碼的編輯，在微信官方開發(fā)工具或者那個(gè)查看結(jié)果以及控制臺的一些信息

(2) 文件類型

與傳統(tǒng)的網(wǎng)頁開發(fā)有一絲小不同，微信小程序重新定義了它的描述語言，例如 wxml、wxss 等，同時(shí)還額外提供了一層 JSON 的配置文件

wxml（頁面結(jié)構(gòu)文件）

用來書寫、構(gòu)建頁面，類似傳統(tǒng)網(wǎng)頁開發(fā)的 HTML

wxss（樣式表文件）

用于制定頁面樣式，從而美化頁面，類似傳統(tǒng)網(wǎng)頁開發(fā)的 CSS

js（腳本文件）

用于指定一定頁面交互邏輯，就是 Javascript

json（靜態(tài)數(shù)據(jù)配置文件）

JSON 格式的配置文件，設(shè)置程序的一些配置效果

(3) 結(jié)構(gòu)目錄

A：總體介紹

通過官方開發(fā)工具或者vscode等其他編輯器，你可以看到，新建一個(gè)項(xiàng)目后，會默認(rèn)生成一個(gè)初始化的項(xiàng)目結(jié)構(gòu)，里面含有很多文件，其后綴格式都是我們上面介紹過的

下面我們針對一些主要的內(nèi)容進(jìn)行一個(gè)基本的介紹

├── pages        // 頁面文件夾
|	├── index 						 // 首頁
│ |	├── index.js				 // 首頁邏輯腳本文件
│ |	├── index.json			  // 首頁配置文件
│ |	├── index.wxml			 	 // 首頁頁面結(jié)構(gòu)文件
│ |	├── index.wxss				 // 首頁樣式文件

|	├── logs 						 // 日志頁面
│ |	├── logs.js				 	 // 日志頁面邏輯腳本文件
│ |	├── logs.json			  // 日志頁面配置文件
│ |	├── logs.wxml			 	 // 日志頁面頁面結(jié)構(gòu)文件
│ |	├── logs.wxss				 // 日志頁面樣式文件

|	├── utils 						 // 工具js文件（第三方，可刪除）
│ |	├── util.js				 	 // 日志頁面邏輯腳本文件

│ ├── app.js						 // 項(xiàng)目的全局腳本文件
│ ├── app.json					 // 項(xiàng)目的全局配置文件
│ ├── app.wxss					 // 項(xiàng)目的全局配置文件
│ ├── project.config.json			 // 項(xiàng)目的開發(fā)者工具的配置
│ ├── sitemap.json				 // 索引配置文件

網(wǎng)頁名稱：微信小程序入門-創(chuàng)新互聯(lián)
標(biāo)題來源：http://jinyejixie.com/article12/dipggc.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供做網(wǎng)站、品牌網(wǎng)站制作、品牌網(wǎng)站建設(shè)、定制開發(fā)、面包屑導(dǎo)航、App設(shè)計(jì)

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源： 創(chuàng)新互聯(lián)