摘要:的基礎要方便使,最好先下個,這個是官方推薦的,很多東西都集成界面化操作的先從網上拿個開源項目做示范吧地址下載好后配置安裝命令安裝依賴這個項目其實已經集成了很多東西了就可以看
要方便使uniapp,最好先下個HBuildertX,這個是uniapp官方推薦的,很多東西都集成界面化操作的
先從網上拿個開源項目做示范吧
https://github.com/stavyan/TinyShop-UniApp
git地址:https://github.com/stavyan/TinyShop-UniApp.git
下載好后配置
// 安裝yarn命令npm i -g yarn// 安裝依賴yarn
這個項目其實已經集成了很多東西了,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" },
直接在瀏覽器中打開,沒問題
先下個微信開發工具https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html
然后新建一個微信小程序項目,記得他的AppID(這個每個人的測試號都不一樣)
創建之后微信項目后,在hbuilderX中找到src/manifest.json
,
保存
再到微信開發平臺
拿到端口號,再去hbuilderx
輸入剛才得到的端口號和微信開發工具的路徑
然后接下來就是啟動了
點擊后微信開發工具會自動彈出來
要是想運行到手機上預覽
因為各個小程序瀏覽器的內核不一樣,有些css無法讀取到就很操蛋.但是js是沒問題的,經過es6/es5的轉換
文章版權歸作者所有,未經允許請勿轉載,若此文章存在違規行為,您可以聯系管理員刪除。
轉載請注明本文地址:http://m.specialneedsforspecialkids.com/yun/122090.html
摘要:官方資料微信公眾平臺注冊小程序。官網開發文檔社區開發工具部署微信小程序微信小程序本身不需要部署,在微信開發工具中直接上傳代碼就行。 為什么 學習 Java 三年,目前已經工作了2年,因為自學,基礎差,所以打算年末總結一下常見的基礎知識和面試點; 也可以通過獨立做一個項目整合自己工作期間學習的知識,加深印象。 但是想著回家或是平時手機用的多,做一款APP和小程序很方便查看。 項目展示 本...
摘要:最近在搗鼓項目,恰好用到組件,之前寫了個,后面一直都想寫一個像樣的,可以分享給別人用的組件。自己的水平一般,開發出來的組件可能代碼不咋地,還望路過大神斧正。 uniapp是2019年非常的火爆的一個Dcloud開發跨平臺前端工具,支持ios android wap,小程序,除了android有點卡外,其他暫時沒有發現什么瑕疵。 最近在搗鼓uniapp項目,恰好用到table組件,之前...
摘要:本次測試主要參考文檔為選擇器參考手冊主要是安卓微信小程序的選擇器兼容入坑小程序過程中看到微信對支持的選擇器的描述只有六個分別是但是看到給寫的花里胡哨的的庫還有各種花里胡哨的小程序并且還表明支持之前各種無的庫所以我覺得事情并沒有這么簡單趁著元 本次測試主要參考文檔為w3school CSS 選擇器參考手冊 (主要是安卓/ios/微信小程序的css選擇器兼容) 入坑uniapp/小程序過...
閱讀 2779·2021-10-14 09:42
閱讀 837·2021-10-11 10:57
閱讀 781·2019-08-30 15:54
閱讀 1925·2019-08-30 13:50
閱讀 1692·2019-08-30 11:19
閱讀 940·2019-08-29 12:38
閱讀 1430·2019-08-26 11:51
閱讀 1398·2019-08-26 10:48