使用mpvue搭建一個(gè)初始小程序及項(xiàng)目配置方法
1. 初始化一個(gè) mpvue 項(xiàng)目
現(xiàn)代前端開發(fā)框架和環(huán)境都是需要 Node.js 的，如果沒有的話，請(qǐng)先下載 nodejs 并安裝。
然后打開命令行工具：
# 1. 先檢查下 Node.js 是否安裝成功 $ node -v v8.9.0 $ npm -v 5.6.0 # 2. 由于眾所周知的原因，可以考慮切換源為 taobao 源 $ npm set registry https://registry.npm.taobao.org/ # 3. 全局安裝 vue-cli # 一般是要 sudo 權(quán)限的 $ npm install --global vue-cli@2.9 # 4. 創(chuàng)建一個(gè)基于 mpvue-quickstart 模板的新項(xiàng)目 # 新手一路回車選擇默認(rèn)就可以了 $ vue init mpvue/mpvue-quickstart my-project # 5. 安裝依賴，走你 $ cd my-project $ npm install $ npm run dev
隨著運(yùn)行成功的回顯之后，可以看到本地多了個(gè) dist 目錄，這個(gè)目錄里就是生成的小程序相關(guān)代碼。
2. 搭建小程序的開發(fā)環(huán)境
小程序自己有一個(gè)專門的微信開發(fā)者工具，最新版本下載地址。
這一步比較簡(jiǎn)單，按照提示一步步安裝好就行，然后用微信掃描二維碼登陸。 至此小程序的開發(fā)環(huán)境差不多完成。
3. 調(diào)試開發(fā) mpvue
選擇 小程序項(xiàng)目 并依次填好需要的信息：
•項(xiàng)目目錄：就是剛剛創(chuàng)建的項(xiàng)目目錄（非 dist 目錄）
•AppID：沒有的話可以點(diǎn)選體驗(yàn)“小程序”，只影響是否可以真機(jī)調(diào)試。
•項(xiàng)目名稱。
如圖：
小程序項(xiàng)目配置
點(diǎn)擊“確定”按鈕后會(huì)跳到正式的開發(fā)頁面，點(diǎn)擊“編輯器”按鈕，關(guān)閉自帶的小程序編輯器。然后如圖：
此時(shí)，整個(gè) mpvue 項(xiàng)目已經(jīng)跑起來了。
用自己趁手的編輯器（或者IDE）打開 my-project 中的 src 目錄下的代碼試試。
總結(jié)
以上所述是小編給大家介紹的使用mpvue搭建一個(gè)初始小程序及項(xiàng)目配置方法，希望對(duì)大家有所幫助，如果大家有任何疑問請(qǐng)給我留言，小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)腳本之家網(wǎng)站的支持！
相關(guān)文章
原生JS實(shí)現(xiàn)$.param() 函數(shù)的方法
這篇文章主要介紹了原生JS實(shí)現(xiàn)$.param() 函數(shù)的方法，由于遇到相關(guān)序列化的問題，但是vue項(xiàng)目中由于減少隊(duì)jquery引用的限制，導(dǎo)致不能用$.param來序列化參數(shù)，下面小編給大家分享了實(shí)例代碼，需要的朋友參考下吧2018-08-08
JS 創(chuàng)建對(duì)象的模式實(shí)例小結(jié)
這篇文章主要介紹了JS 創(chuàng)建對(duì)象的模式,結(jié)合實(shí)例形式總結(jié)分析了JS 創(chuàng)建對(duì)象的各種常用模式,包括工廠模式、構(gòu)造函數(shù)模式、原型模式、組合構(gòu)造和原型模式、動(dòng)態(tài)原型模式、寄生構(gòu)造函數(shù)模式、穩(wěn)妥構(gòu)造模式等,需要的朋友可以參考下2020-04-04
如何使用big.js解決JavaScript浮點(diǎn)數(shù)精度丟失問題
最近在項(xiàng)目中涉及到金額從元轉(zhuǎn)為分（乘100即可）,發(fā)現(xiàn)乘法居然也會(huì)有精度丟失的問題,關(guān)于浮點(diǎn)數(shù)計(jì)算精度丟失是很多語言都存在的問題,本文給大家分享使用big.js解決JavaScript浮點(diǎn)數(shù)精度丟失問題,感興趣的朋友一起看看吧2023-12-12
JavaScript調(diào)用傳遞變量參數(shù)的相關(guān)問題及解決辦法
本文給大家介紹javascript調(diào)用傳遞變量參數(shù)的相關(guān)問題及解決辦法，涉及到j(luò)s調(diào)用傳遞參數(shù)相關(guān)知識(shí)，對(duì)js調(diào)用傳遞參數(shù)感興趣的朋友一起學(xué)習(xí)吧2015-11-11
js實(shí)現(xiàn)簡(jiǎn)單的手風(fēng)琴效果
本文主要介紹了js實(shí)現(xiàn)簡(jiǎn)單手風(fēng)琴效果的實(shí)例，具有很好的參考價(jià)值，下面跟著小編一起來看下吧2017-02-02
javascript 動(dòng)態(tài)加載 css 方法總結(jié)
有時(shí)候我們?cè)谠O(shè)計(jì)網(wǎng)頁的時(shí)候想動(dòng)態(tài)的加載css文件,并不是將css文件寫死在頁面中,這時(shí)就可以使用下面方法.2009-07-07
這篇文章主要介紹了微信小程序拍照和攝像功能實(shí)現(xiàn)方法,結(jié)合實(shí)例形式分析了微信小程序拍照與攝影功能的原理、相關(guān)實(shí)現(xiàn)技巧與注意事項(xiàng),需要的朋友可以參考下2019-02-02
JavaScript基礎(chǔ)篇之變量作用域、傳值、傳址的簡(jiǎn)單介紹與實(shí)例
這篇文章介紹了變量的作用域，傳值，傳址的一些簡(jiǎn)單使用，有需要的朋友可以參考一下2013-06-06
這篇文章主要介紹了webpack的pitching loader詳解，文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2019-09-09