摘要:的基礎(chǔ)要方便使,最好先下個(gè),這個(gè)是官方推薦的,很多東西都集成界面化操作的先從網(wǎng)上拿個(gè)開(kāi)源項(xiàng)目做示范吧地址下載好后配置安裝命令安裝依賴這個(gè)項(xiàng)目其實(shí)已經(jīng)集成了很多東西了就可以看
要方便使uniapp,最好先下個(gè)HBuildertX,這個(gè)是uniapp官方推薦的,很多東西都集成界面化操作的
先從網(wǎng)上拿個(gè)開(kāi)源項(xiàng)目做示范吧
https://github.com/stavyan/TinyShop-UniApp
git地址:https://github.com/stavyan/TinyShop-UniApp.git
下載好后配置
// 安裝yarn命令npm i -g yarn// 安裝依賴yarn
這個(gè)項(xiàng)目其實(shí)已經(jīng)集成了很多東西了,package.json就可以看
{ "name": "TinyShop-UniApp", "version": "1.0.0", "private": true, "scripts": { "serve": "npm run dev:h5", "build": "npm run build:h5", "lint": "vue-cli-service lint", "build:app-plus": "cross-env NODE_ENV=production UNI_PLATFORM=app-plus vue-cli-service uni-build", "build:custom": "cross-env NODE_ENV=production uniapp-cli custom", "build:h5": "cross-env NODE_ENV=production UNI_PLATFORM=h5 vue-cli-service uni-build", "build:mp-alipay": "cross-env NODE_ENV=production UNI_PLATFORM=mp-alipay vue-cli-service uni-build", "build:mp-baidu": "cross-env NODE_ENV=production UNI_PLATFORM=mp-baidu vue-cli-service uni-build", "build:mp-qq": "cross-env NODE_ENV=production UNI_PLATFORM=mp-qq vue-cli-service uni-build", "build:mp-toutiao": "cross-env NODE_ENV=production UNI_PLATFORM=mp-toutiao vue-cli-service uni-build", "build:mp-weixin": "cross-env NODE_ENV=production UNI_PLATFORM=mp-weixin vue-cli-service uni-build", "changelog": "conventional-changelog -p angular -i CHANGELOG.md -s -r 0", "commit": "git pull && git-cz", "dev:app-plus": "cross-env NODE_ENV=development UNI_PLATFORM=app-plus vue-cli-service uni-build --watch", "dev:custom": "cross-env NODE_ENV=development uniapp-cli custom", "dev:h5": "cross-env NODE_ENV=development UNI_PLATFORM=h5 vue-cli-service uni-serve", "dev:mp-alipay": "cross-env NODE_ENV=development UNI_PLATFORM=mp-alipay vue-cli-service uni-build --watch", "dev:mp-baidu": "cross-env NODE_ENV=development UNI_PLATFORM=mp-baidu vue-cli-service uni-build --watch", "dev:mp-qq": "cross-env NODE_ENV=development UNI_PLATFORM=mp-qq vue-cli-service uni-build --watch", "dev:mp-toutiao": "cross-env NODE_ENV=development UNI_PLATFORM=mp-toutiao vue-cli-service uni-build --watch", "dev:mp-weixin": "cross-env NODE_ENV=development UNI_PLATFORM=mp-weixin vue-cli-service uni-build --watch", "info": "node node_modules/@dcloudio/vue-cli-plugin-uni/commands/info.js", "lint:fix": "eslint --ext .js,.vue src -c .eslintrc.js --fix", "release": "release-it", "vue:lint": "vue-cli-service lint", "vue:lintfix": "vue-cli-service lint --fix" },
直接在瀏覽器中打開(kāi),沒(méi)問(wèn)題
先下個(gè)微信開(kāi)發(fā)工具https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html
然后新建一個(gè)微信小程序項(xiàng)目,記得他的AppID(這個(gè)每個(gè)人的測(cè)試號(hào)都不一樣)
創(chuàng)建之后微信項(xiàng)目后,在hbuilderX中找到src/manifest.json
,
保存
再到微信開(kāi)發(fā)平臺(tái)
拿到端口號(hào),再去hbuilderx
輸入剛才得到的端口號(hào)和微信開(kāi)發(fā)工具的路徑
然后接下來(lái)就是啟動(dòng)了
點(diǎn)擊后微信開(kāi)發(fā)工具會(huì)自動(dòng)彈出來(lái)
要是想運(yùn)行到手機(jī)上預(yù)覽
因?yàn)楦鱾€(gè)小程序?yàn)g覽器的內(nèi)核不一樣,有些css無(wú)法讀取到就很操蛋.但是js是沒(méi)問(wèn)題的,經(jīng)過(guò)es6/es5的轉(zhuǎn)換
文章版權(quán)歸作者所有,未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址:http://specialneedsforspecialkids.com/yun/122090.html
摘要:官方資料微信公眾平臺(tái)注冊(cè)小程序。官網(wǎng)開(kāi)發(fā)文檔社區(qū)開(kāi)發(fā)工具部署微信小程序微信小程序本身不需要部署,在微信開(kāi)發(fā)工具中直接上傳代碼就行。 為什么 學(xué)習(xí) Java 三年,目前已經(jīng)工作了2年,因?yàn)樽詫W(xué),基礎(chǔ)差,所以打算年末總結(jié)一下常見(jiàn)的基礎(chǔ)知識(shí)和面試點(diǎn); 也可以通過(guò)獨(dú)立做一個(gè)項(xiàng)目整合自己工作期間學(xué)習(xí)的知識(shí),加深印象。 但是想著回家或是平時(shí)手機(jī)用的多,做一款A(yù)PP和小程序很方便查看。 項(xiàng)目展示 本...
摘要:最近在搗鼓項(xiàng)目,恰好用到組件,之前寫(xiě)了個(gè),后面一直都想寫(xiě)一個(gè)像樣的,可以分享給別人用的組件。自己的水平一般,開(kāi)發(fā)出來(lái)的組件可能代碼不咋地,還望路過(guò)大神斧正。 uniapp是2019年非常的火爆的一個(gè)Dcloud開(kāi)發(fā)跨平臺(tái)前端工具,支持ios android wap,小程序,除了android有點(diǎn)卡外,其他暫時(shí)沒(méi)有發(fā)現(xiàn)什么瑕疵。 最近在搗鼓uniapp項(xiàng)目,恰好用到table組件,之前...
摘要:本次測(cè)試主要參考文檔為選擇器參考手冊(cè)主要是安卓微信小程序的選擇器兼容入坑小程序過(guò)程中看到微信對(duì)支持的選擇器的描述只有六個(gè)分別是但是看到給寫(xiě)的花里胡哨的的庫(kù)還有各種花里胡哨的小程序并且還表明支持之前各種無(wú)的庫(kù)所以我覺(jué)得事情并沒(méi)有這么簡(jiǎn)單趁著元 本次測(cè)試主要參考文檔為w3school CSS 選擇器參考手冊(cè) (主要是安卓/ios/微信小程序的css選擇器兼容) 入坑uniapp/小程序過(guò)...
閱讀 2772·2021-10-14 09:42
閱讀 827·2021-10-11 10:57
閱讀 773·2019-08-30 15:54
閱讀 1913·2019-08-30 13:50
閱讀 1684·2019-08-30 11:19
閱讀 932·2019-08-29 12:38
閱讀 1424·2019-08-26 11:51
閱讀 1388·2019-08-26 10:48