文章目錄

• • 簡介：
  • 小程序和APP的對比
  • 小程序與普通網頁開發的區別
  • 官方文檔：
  • 開發工具：
  • 導入項目：
  • 小程序項目的主要目錄文件作用

簡介：

微信小程序，簡稱小程序，縮寫XCX，英文名mini program，是一種不需要下載安裝即可使用的應用，它實現了應用“觸手可及”的夢想，用戶掃一掃或者搜一下即可打開應用。也體現了“用完即走”的理念，用戶不需要擔心是否安裝太多應用的問題。應用將無處不在，隨時可用，但又無需安裝卸載

小程序和APP的對比

開發成本低

開發門檻低

獲客成本低于App；拼多多、小紅書等案例

開發周期更短，節省開發成本

App已經趨于飽和

用戶：減輕內存，用完即可關閉，不占用空間
商戶：線上線下結合，實現互聯網的轉型
創業者：應用廣泛，創業更簡單，尤其是公眾號創業者，可以直接公眾號+小程序，打造微信生態圈

小程序與普通網頁開發的區別

小程序的主要開發語言是 JavaScript ，小程序的開發同普通的網頁開發相比有很大的相似性。對于前端開發者而言，從網頁開發遷移到小程序的開發成本并不高，但是二者還是有些許區別的。

結構傳統web微信小程序

結構	HTML	WXML
樣式	CSS	WXSS
邏輯	JavaScript	JavaScript
配置	無	JSON

傳統web是三層結構，而微信小程序是四層結構，多了一層配置.json

官方文檔：

https://developers.weixin.qq.com/miniprogram/dev/framework/

開發工具：

https://developers.weixin.qq.com/miniprogram/dev/devtools/stable.html
在這里呢，可以對開發工具的操作系統進行選擇

導入項目：

小程序項目的主要目錄文件作用

• js 頁面邏輯
• json 頁面配置
• wxml 頁面結構
• app.js 小程序的邏輯
• wxss 頁面樣式，app.wxss 作為全局樣式，會作用于當前小程序的所有頁面，局部頁面樣式 page.wxss 僅對當前頁面生效
• pages 里面包含一個個具體的頁面
• sitemap 配置小程序及其頁面是否允許被微信索引
• app.json 當前小程序的全局配置，包括了小程序的所有頁面路徑、界面表現、網絡超時時間、底部 tab 等
• project.config.json 項目配置文件，做一些個性化配置，例如界面顏色、編譯配置等等

總結

以上是生活随笔為你收集整理的微信小程序开发（一）的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。