使用mpvue搭建一個(gè)初始小程序及項(xiàng)目配置方法
1. 初始化一個(gè) mpvue 項(xiàng)目
現(xiàn)代前端開(kāi)發(fā)框架和環(huán)境都是需要 Node.js 的，如果沒(méi)有的話(huà)，請(qǐng)先下載 nodejs 并安裝。
然后打開(kāi)命令行工具：
# 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)目 # 新手一路回車(chē)選擇默認(rèn)就可以了 $ vue init mpvue/mpvue-quickstart my-project # 5. 安裝依賴(lài)，走你 $ cd my-project $ npm install $ npm run dev
隨著運(yùn)行成功的回顯之后，可以看到本地多了個(gè) dist 目錄，這個(gè)目錄里就是生成的小程序相關(guān)代碼。
2. 搭建小程序的開(kāi)發(fā)環(huán)境
小程序自己有一個(gè)專(zhuān)門(mén)的微信開(kāi)發(fā)者工具，最新版本下載地址。
這一步比較簡(jiǎn)單，按照提示一步步安裝好就行，然后用微信掃描二維碼登陸。 至此小程序的開(kāi)發(fā)環(huán)境差不多完成。
3. 調(diào)試開(kāi)發(fā) mpvue
選擇 小程序項(xiàng)目 并依次填好需要的信息：
•項(xiàng)目目錄：就是剛剛創(chuàng)建的項(xiàng)目目錄（非 dist 目錄）
•AppID：沒(méi)有的話(huà)可以點(diǎn)選體驗(yàn)“小程序”，只影響是否可以真機(jī)調(diào)試。
•項(xiàng)目名稱(chēng)。
如圖：
小程序項(xiàng)目配置
點(diǎn)擊“確定”按鈕后會(huì)跳到正式的開(kāi)發(fā)頁(yè)面，點(diǎn)擊“編輯器”按鈕，關(guān)閉自帶的小程序編輯器。然后如圖：
此時(shí)，整個(gè) mpvue 項(xiàng)目已經(jīng)跑起來(lái)了。
用自己趁手的編輯器（或者IDE）打開(kāi) my-project 中的 src 目錄下的代碼試試。
總結(jié)
以上所述是小編給大家介紹的使用mpvue搭建一個(gè)初始小程序及項(xiàng)目配置方法，希望對(duì)大家有所幫助，如果大家有任何疑問(wèn)請(qǐng)給我留言，小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)腳本之家網(wǎng)站的支持！
相關(guān)文章
這篇文章主要為大家詳細(xì)介紹了抖音上用記事本編寫(xiě)"愛(ài)心"小程序教程，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2019-04-04
ES6模板字符串和標(biāo)簽?zāi)０宓膽?yīng)用實(shí)例分析
這篇文章主要介紹了ES6模板字符串和標(biāo)簽?zāi)０宓膽?yīng)用,結(jié)合實(shí)例形式分析了ES6模板字符串和標(biāo)簽?zāi)０宓墓δ堋⒃?、用法及相關(guān)操作注意事項(xiàng),需要的朋友可以參考下2019-06-06
這篇文章主要為大家介紹了JS代碼計(jì)算LocalStorage容量的示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2022-07-07
微信小程序?qū)崙?zhàn)之雙人五子棋游戲是實(shí)現(xiàn)
這篇文章主要為大家詳細(xì)介紹了如何利用微信小程序?qū)崿F(xiàn)雙人五子棋游戲，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2022-05-05
Object.defineProperty()函數(shù)之屬性描述對(duì)象
這篇文章主要介紹了Object.defineProperty()函數(shù)之屬性描述對(duì)象，JavaScript?提供了一個(gè)內(nèi)部數(shù)據(jù)結(jié)構(gòu)，用來(lái)描述對(duì)象的屬性，控制它的行為，比如該屬性是否可寫(xiě)、可遍歷等等。這個(gè)內(nèi)部數(shù)據(jù)結(jié)構(gòu)稱(chēng)為:屬性描述對(duì)象2022-09-09
更優(yōu)雅的微信小程序骨架屏實(shí)現(xiàn)詳解
這篇文章主要介紹了更優(yōu)雅的微信小程序骨架屏實(shí)現(xiàn)詳解,文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2019-08-08
前端開(kāi)發(fā)必須知道的JS之閉包及應(yīng)用
本文講的是函數(shù)閉包，不涉及對(duì)象閉包（如用with實(shí)現(xiàn)）。如果你覺(jué)得我說(shuō)的有偏差，歡迎拍磚，歡迎指教。2010-07-07
這篇文章介紹了圖片上傳判斷及預(yù)覽腳本的效果實(shí)例，有需要的朋友可以參考一下2013-08-08
動(dòng)態(tài)加載js的幾種方法...2006-10-10
javascript基本數(shù)據(jù)類(lèi)型及類(lèi)型檢測(cè)常用方法小結(jié)
這篇文章主要介紹了javascript基本數(shù)據(jù)類(lèi)型及類(lèi)型檢測(cè)常用方法,總結(jié)分析了javascript的基本數(shù)據(jù)類(lèi)型與類(lèi)型檢測(cè)的常用操作方法,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2016-12-12