mpvue上手教程

2022-03-14 10:22:32 字數 1348 閱讀 9157

mpvue官網上面已經有了詳細的步驟,把每個步驟截圖及輸出結果做個筆記,供各位看官參考參考~

$ npm install --global vue-cli
如果你已經設定好了**映象,你也可以直接執行下面的語句:

$ cnpm install --global vue-cli
返回結果如下圖:

返回結果如下圖:

可以看到 生成了乙個 my-project 的資料夾:

返回結果如下圖:

可以看到my-project資料夾目錄結構如下:

$ npm run dev
執行完結果如下:

此時我們可以看到本地多了個dist目錄,這個目錄裡就是生成的小程式相關**。

這一步小心會有個坑,就是返回結果提示你 no module ***,原因是npm和node的版本過低了,公升級方案可以檢視windows下npm和node如何公升級這篇文章。

注意:是將整個my-project匯入進去,而不是單個的dist資料夾!

匯入進去就能看到下面的這個介面了:

快速上手mpvue 專案

初始化乙個 mpvue 專案 node v v8.9.0 npm v 5.6.0 2.由於眾所周知的原因,可以考慮切換源為 taobao 源 npm set registry 3.全域性安裝 vue cli 一般是要 sudo 許可權的 npm install global vue cli 2.9 ...

快速上手小程式的mpvue框架

一.什麼是mpvue框架?mpvue 是乙個使用 vue.js 開發小程式的前端框架。框架基於 vue.js 核心 所以建議熟練掌握vue再使用mpvue框架,否則還是建議去使用原生框架去寫小程式 mpvue 修改了 vue.js 的 runtime 和 compiler 實現,使其可以執行在小程式...

git快速上手教程

前幾周我第一次同時推進幾個任務,結果迷失在git版本的海洋中不能自拔。後來在同事的幫助下終於脫坑,在此把一些git的簡明用法分享給git新手們。git是用來進行版本控制的,對於同乙個專案,不同的電腦上可以存有不同的版本,同一臺電腦上也可以儲存多個版本。每個版本或者有唯一的父版本,或者由兩個版本合併而...