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