小程序入門(1)-項目環境搭建

前言

這幾天公司做了一些調整,暫停了移動端,以小程序爲主

所以轉戰一段時間微信小程序開發,這幾天會總結一些關於小程序的知識…

項目搭建

1.開發工具

微信配備了自己的小程序開發工具

下載地址:
https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html

安裝成功後會創建項目需要APPID, 這需要我們去申請小程序開發賬號, 申請網址:
https://mp.weixin.qq.com/wxopen/waregister?action=step1

申請成功後在 設置–>開發–>開發設置 可以找到APPID

然後直接創建就好了

2.小程序代碼結構

我們創建完項目,在項目外層有四種非常重要的文件:

  • .json 後綴的 JSON 配置文件
  • .wxml 後綴的 WXML 模板文件
  • .wxss 後綴的 WXSS 樣式文件
  • .js 後綴的 JS 腳本邏輯文件

下面具體說一下:

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

(2).wxml模板
從事過網頁編程的人知道,網頁編程採用的是 HTML + CSS + JS 這樣的組合,其中 HTML 是用來描述當前這個頁面的結構,CSS 用來描述頁面的樣子,JS 通常是用來處理這個頁面和用戶的交互。

(3).wxss
WXSS 具有 CSS 大部分的特性,小程序在 WXSS 也做了一些擴充和修改。

這些全局的配置, 我們在app.json文件中—>pages中添加具體的頁面路徑

(3).js
負責邏輯交互,一個服務僅僅只有界面展示是不夠的,還需要和用戶做交互:響應用戶的點擊、獲取用戶的位置等等。在小程序裏邊,我們就通過編寫 JS 腳本文件來處理用戶的操作。


輸入完成後直接保存(ctrl+s),會自動生成對應的路徑文件夾與基礎的json,wxss等文件

3.運行

(1).直接保存(ctrl+s)就可以運行,左側就會有對應的預覽
(2). 可以點擊菜單中的真機調試, 可以掃碼真機調試與自動真機調試

今天就講到這裏,希望對大家有所幫助…

大家可以關注我的微信公衆號:「秦子帥」一個有質量、有態度的公衆號!

公衆號

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章