創(chuàng)建微信小程序的幾種方式
1. 使用原生方式
在官網(wǎng)上下載微信開發(fā)者工具，之后使用微信開發(fā)者工具新建項(xiàng)目即可。
微信這邊提供了多個(gè)模板，可以直接下載模板快速搭建上線，也可以使用空白模板根據(jù)需求自行編寫。
空白模板項(xiàng)目結(jié)構(gòu)：
對(duì)于剛接觸小程序的開發(fā)者來說存在一些問題：
- 標(biāo)簽與普通
HTML不同，對(duì)于web開發(fā)來說需要一定的時(shí)間進(jìn)行適應(yīng)。 - 項(xiàng)目結(jié)構(gòu)不同，每個(gè)頁(yè)面需要放在一個(gè)單獨(dú)的文件夾（
script、template、style單獨(dú)放在一個(gè)文件里）
2. kbone
kbone是微信推出的一個(gè)致力于微信小程序和 Web 端同構(gòu)的解決方案。
kbone 通過實(shí)現(xiàn)一個(gè)適配器，在適配層里模擬出了瀏覽器環(huán)境，讓 Web 端的代碼可以不做什么改動(dòng)便可運(yùn)行在小程序里。
因?yàn)?
kbone是通過提供適配器的方式來實(shí)現(xiàn)同構(gòu)，所以它的優(yōu)勢(shì)很明顯：
- 大部分流行的前端框架都能夠在
kbone上運(yùn)行，比如Vue、React、Preact等。- 支持更為完整的前端框架特性，因?yàn)?
kbone不會(huì)對(duì)框架底層進(jìn)行刪改（比如Vue中的v-html指令、Vue-router插件）。- 提供了常用的
dom/bom接口，讓用戶代碼無(wú)需做太大改動(dòng)便可從Web端遷移到小程序端。- 在小程序端運(yùn)行時(shí)，仍然可以使用小程序本身的特性（比如像
live-player內(nèi)置組件、分包功能）。- 提供了一些
Dom擴(kuò)展接口，讓一些無(wú)法完美兼容到小程序端的接口也有替代使用方案（比如getComputedStyle接口）。
使用
使用 kbone-cli 快速開發(fā)
安裝kbone-cli腳手架
npm install -g kbone-cli
創(chuàng)建項(xiàng)目，可以選擇對(duì)應(yīng)的模板：
kbone init miniprogram2
示例選擇vue模板
模板下載好后根據(jù)提示指令命令即可：
# 跳轉(zhuǎn)目錄
cd miniprogram
# 開發(fā)小程序
npm run mp
# 開發(fā) Web
npm run web
# 發(fā)布 Web
npm run build
目錄結(jié)構(gòu)為：
使用模板快速開發(fā)
將現(xiàn)有模板 clone 下來，然后在模板基礎(chǔ)上進(jìn)行開發(fā)。
- Vue模板
- React模板
- kbone-ui模板
- Preact模板
- Omi模板
3. uniapp
uni-app 是一個(gè)使用 Vue.js 開發(fā)所有前端應(yīng)用的框架，開發(fā)者編寫一套代碼，可發(fā)布到IOS、Android、Web（響應(yīng)式）、以及各種小程序（微信/支付寶/百度/頭條/飛書/QQ/快手/釘釘/淘寶）、快應(yīng)用等多個(gè)平臺(tái)。
下載Hbuilder通過可視化頁(yè)面創(chuàng)建項(xiàng)目
目錄結(jié)構(gòu)為：
HBuilderX是通用的前端開發(fā)工具，但為uni-app做了特別強(qiáng)化。
4. Taro
Taro 是一個(gè)開放式跨端跨框架解決方案，支持使用 React/Vue/Nerv 等框架來開發(fā) 微信 / 京東 / 百度 / 支付寶 / 字節(jié)跳動(dòng) / QQ / 飛書 小程序 / H5 / RN 等應(yīng)用。
安裝腳手架后創(chuàng)建項(xiàng)目：
# 使用 npm 安裝 CLI
npm install -g @tarojs/cli
# 使用 yarn 安裝 CLI
yarn global add @tarojs/cli
# 安裝了 cnpm，使用 cnpm 安裝 CLI
cnpm install -g @tarojs/cli
創(chuàng)建項(xiàng)目：
taro init miniprogram3
文章來源：http://www.zghlxwxcb.cn/news/detail-500725.html
當(dāng)然市面上還有其他類似mpvue這樣也能創(chuàng)建微信小程序，不過由于這些使用的人較少，加上一些已經(jīng)停止維護(hù)了，因?yàn)楸疚牟⒉蛔鼋榻B。文章來源地址http://www.zghlxwxcb.cn/news/detail-500725.html
到了這里，關(guān)于創(chuàng)建微信小程序的幾種方式的文章就介紹完了。如果您還想了解更多內(nèi)容，請(qǐng)?jiān)谟疑辖撬阉鱐OY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章，希望大家以后多多支持TOY模板網(wǎng)！
