国产 无码 综合区,色欲AV无码国产永久播放,无码天堂亚洲国产AV,国产日韩欧美女同一区二区

VUE(uni-app框架)開發(fā)微信小程序①-搭建腳手架

這篇具有很好參考價(jià)值的文章主要介紹了VUE(uni-app框架)開發(fā)微信小程序①-搭建腳手架。希望對(duì)大家有所幫助。如果存在錯(cuò)誤或未考慮完全的地方,請(qǐng)大家不吝賜教,您也可以點(diǎn)擊"舉報(bào)違法"按鈕提交疑問(wèn)。

一,腳手架搭建

前提:搭建腳手架的前提是需要裝node.js,因?yàn)樾枰玫絥pm。

下載官網(wǎng):下載 | Node.js 中文網(wǎng) (nodejs.cn)

VUE(uni-app框架)開發(fā)微信小程序①-搭建腳手架

根據(jù)自己需要下載一個(gè)適合自己的版本,然后點(diǎn)擊安裝,安裝完成后在命令提示窗口輸入

node -v如果有版本信息就說(shuō)明安裝成功了

VUE(uni-app框架)開發(fā)微信小程序①-搭建腳手架

?接下來(lái):

1.全局安裝:npm install -g @vue/cli

2.創(chuàng)建項(xiàng)目(項(xiàng)目名暫時(shí)為demo):vue create -p dcloudio/uni-preset-vue demo

3.啟動(dòng)項(xiàng)目(微信小程序):

? ①:cd 轉(zhuǎn)到demo文件夾下

? ②:npm run dev:mp-weixin

?4.導(dǎo)入項(xiàng)目:

? ?打開微信小程序開發(fā)者工具,導(dǎo)入路徑指向 ..../demo\dist\dev\mp-weixin,輸入測(cè)試號(hào),點(diǎn)擊完成,如果你看到下面畫面,那么恭喜你,腳手架搭建完成。

VUE(uni-app框架)開發(fā)微信小程序①-搭建腳手架文章來(lái)源地址http://www.zghlxwxcb.cn/news/detail-510110.html

到了這里,關(guān)于VUE(uni-app框架)開發(fā)微信小程序①-搭建腳手架的文章就介紹完了。如果您還想了解更多內(nèi)容,請(qǐng)?jiān)谟疑辖撬阉鱐OY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章,希望大家以后多多支持TOY模板網(wǎng)!

本文來(lái)自互聯(lián)網(wǎng)用戶投稿,該文觀點(diǎn)僅代表作者本人,不代表本站立場(chǎng)。本站僅提供信息存儲(chǔ)空間服務(wù),不擁有所有權(quán),不承擔(dān)相關(guān)法律責(zé)任。如若轉(zhuǎn)載,請(qǐng)注明出處: 如若內(nèi)容造成侵權(quán)/違法違規(guī)/事實(shí)不符,請(qǐng)點(diǎn)擊違法舉報(bào)進(jìn)行投訴反饋,一經(jīng)查實(shí),立即刪除!

領(lǐng)支付寶紅包贊助服務(wù)器費(fèi)用

相關(guān)文章

  • uni-app開發(fā)微信小程序

    uni-app開發(fā)微信小程序

    編輯器:HubilderX 運(yùn)行環(huán)境:微信開發(fā)者工具 技術(shù)棧:uni-app + vue + uView + uCharts + LeanCloud 創(chuàng)建微信小程序項(xiàng)目時(shí),我才用了vue前端框架 PS:用的是HbuilderX編輯器 1. 注冊(cè)微信小程序 注冊(cè)完后,獲取微信小程序的AppID,并在manifest.json文件配置; 2. 導(dǎo)入uView和uCharts組件庫(kù) 使用uni-

    2024年02月16日
    瀏覽(21)
  • 如何使用uni-app開發(fā)微信小程序

    如何使用uni-app開發(fā)微信小程序

    uni-app 是一個(gè)使用 Vue.js 開發(fā)所有前端應(yīng)用的框架。開發(fā)者編寫一套代碼,可發(fā)布到 iOS、Android、H5、以及各種小程序(微信/支付寶/百度/頭條/QQ/釘釘/淘寶)、快應(yīng)用等多個(gè)平臺(tái)。 詳細(xì)的 uni-app 官方文檔,請(qǐng)翻閱https://uniapp.dcloud.net.cn uni-app 官方推薦使用 HBuilderX 來(lái)開發(fā) uni-ap

    2024年02月10日
    瀏覽(27)
  • UNI-APP開發(fā)微信小程序的基本流程

    UNI-APP開發(fā)微信小程序的基本流程

    需提前準(zhǔn)備的工具:HBuilder X ,微信開發(fā)者工具 登錄小程序官網(wǎng),如已有賬號(hào),則直接登錄。 無(wú)賬號(hào),申請(qǐng)完賬號(hào)后,進(jìn)入賬號(hào)填寫相關(guān)信息,獲取appId。 獲取appId:【開發(fā)-開發(fā)管理-開發(fā)設(shè)置】 【文件】-【新建】-【項(xiàng)目】: 點(diǎn)擊【manifest.json】,將微信小程序的配置信息填

    2024年02月06日
    瀏覽(28)
  • 前端Uni-app開發(fā)微信小程序|微信小程序手機(jī)商城

    前端Uni-app開發(fā)微信小程序|微信小程序手機(jī)商城

    作者主頁(yè):編程指南針 作者簡(jiǎn)介:Java領(lǐng)域優(yōu)質(zhì)創(chuàng)作者、CSDN博客專家 、CSDN內(nèi)容合伙人、掘金特邀作者、阿里云博客專家、51CTO特邀作者、多年架構(gòu)師設(shè)計(jì)經(jīng)驗(yàn)、騰訊課堂常駐講師 主要內(nèi)容:Java項(xiàng)目、Python項(xiàng)目、前端項(xiàng)目、人工智能與大數(shù)據(jù)、簡(jiǎn)歷模板、學(xué)習(xí)資料、面試題庫(kù)

    2024年02月12日
    瀏覽(31)
  • uni-app 開發(fā)微信小程序 自動(dòng)化編譯/啟動(dòng)項(xiàng)目

    uni-app 開發(fā)微信小程序 自動(dòng)化編譯/啟動(dòng)項(xiàng)目

    ??????最近開發(fā)一個(gè)uni-app的小程序項(xiàng)目,因?yàn)榱?xí)慣使用vscode 而項(xiàng)目不得不借助hbuderx 運(yùn)行,微信開發(fā)工具調(diào)試,偶爾還需要使用 ios模擬器,?8g內(nèi)存的mac 就變的異??D,所以就研究了下通過(guò)npm命令去編譯、 運(yùn)行等工程化配置, 這樣就不用運(yùn)行hbuderx 減少內(nèi)存使用,順便?

    2024年02月07日
    瀏覽(93)
  • uni-app開發(fā)微信小程序 web-view通訊

    uni-app開發(fā)微信小程序 web-view通訊

    最近開發(fā)了一個(gè)微信小程序嵌套vue頁(yè)面 vue頁(yè)面 有時(shí)候會(huì)使用到微信小程序的api 但是有的api他h5是不支持的 ?官方文檔中提供的兩種方法 @message 內(nèi)嵌的h5頁(yè)面不支持 Window的postMessage 在h5端使用沒(méi)啥問(wèn)題,這該死的uni-app頁(yè)面不管怎么弄都會(huì)報(bào)那個(gè)window的錯(cuò)? 還是我太菜了。。。

    2024年02月19日
    瀏覽(89)
  • uni-app開發(fā)微信小程序,H5 關(guān)于壓縮上傳圖片的問(wèn)題

    uni-app開發(fā)微信小程序,H5 關(guān)于壓縮上傳圖片的問(wèn)題

    文章目錄 前言 一、為什么要壓縮圖片 二、圖片壓縮方式 1. 微信小程序??????? 2. H5 總結(jié) 關(guān)于微信小程序、H5兼容性問(wèn)題,今天就壓縮以及上傳圖片做一個(gè)可實(shí)現(xiàn)方法的簡(jiǎn)要闡述。 在使用uni-app開發(fā)小程序及H5的具體業(yè)務(wù)中,我們會(huì)遇到需要讓用戶上傳本地圖片的場(chǎng)景

    2024年02月02日
    瀏覽(24)
  • uni-app使用HBuilder X工具和微信小程序工具開發(fā)微信小程序

    uni-app使用HBuilder X工具和微信小程序工具開發(fā)微信小程序

    選擇uni-app的原因是什么 需要使用到的工具 關(guān)于HBuilder X工具和微信小程序工具的介紹 ?怎么下載HBuilder X工具和微信小程序工具? 如何使用HBuilderX工具 如何使用微信小程序工具 ?結(jié)尾 什么是uni-app uni-app是一個(gè)使用vue.js開發(fā)所有前端應(yīng)用的框架,開發(fā)者編寫一套代碼,可發(fā)布到

    2024年02月08日
    瀏覽(99)
  • uni-app開發(fā)微信小程序真機(jī)調(diào)試請(qǐng)求超時(shí)&請(qǐng)求被拒絕

    uni-app開發(fā)微信小程序真機(jī)調(diào)試請(qǐng)求超時(shí)&請(qǐng)求被拒絕

    uni-app開發(fā)微信小程序真機(jī)調(diào)試請(qǐng)求超時(shí)請(qǐng)求被拒絕 在利用uni-app開發(fā)小程序時(shí),寫好的程序利用微信的模擬器進(jìn)行調(diào)試時(shí)一切正常,但是一旦啟用真機(jī)調(diào)試就會(huì)出現(xiàn)請(qǐng)求超時(shí)或者請(qǐng)求被拒絕的問(wèn)題。如下圖: 請(qǐng)求超時(shí): errMsg: “request:fail fail:time out” errMsg: “request:fail -118:

    2024年02月12日
    瀏覽(36)
  • uni-app開發(fā)微信小程序經(jīng)常遇到的一些問(wèn)題及解決方案

    ?? 可以使用uni.getUserInfo接口獲取用戶信息。需要用戶授權(quán)。 ? 可以使用uni-app提供的頁(yè)面組件內(nèi)置下拉刷新功能,也可以自定義下拉刷新組件。 ? 可以在頁(yè)面onReachBottom方法中監(jiān)聽上拉事件,當(dāng)觸發(fā)上拉事件時(shí),觸發(fā)加載更多數(shù)據(jù)的操作。 ??? 可以使用uni.uploadFile接口實(shí)現(xiàn)圖

    2024年02月14日
    瀏覽(42)

覺(jué)得文章有用就打賞一下文章作者

支付寶掃一掃打賞

博客贊助

微信掃一掃打賞

請(qǐng)作者喝杯咖啡吧~博客贊助

支付寶掃一掃領(lǐng)取紅包,優(yōu)惠每天領(lǐng)

二維碼1

領(lǐng)取紅包

二維碼2

領(lǐng)紅包