vue製作小程式 mpvue

2022-05-03 07:21:09 字數 690 閱讀 1875

mpvue是乙個使用 vue.js 開發小程式的前端框架

npm i sass-loader -d / npm i node-sass -d

# 1. 先檢查下 node.js 是否安裝成功

$ node -v

v8.9.0$ npm -v

5.6.0# 2. 由於眾所周知的原因,可以考慮切換源為 taobao 源

# 3. 全域性安裝 vue-cli

# 一般是要 sudo 許可權的

$ npm install --global [email protected]# 4. 建立乙個基於 mpvue-quickstart 模板的新專案

# 新手一路回車選擇預設就可以了

$ vue init mpvue/mpvue-quickstart my-project

# 5. 安裝依賴,走你

$ cd my-project

$ npm install

$ npm run dev

每次都要先執行 npm run dev

dist裡的內容為生成的小程式**,

src裡為vue**,且生成的對應小程式**id是固定的,如果不能生成,可修改src裡的vue頁面名稱。

小程式開發筆記(mpvue)

1.打包的時候要注意檔案不能過大,單個不超過2m,整體不超過8m 但是實際打包後的vendor會很大。解決方案 引入uglifyjs外掛程式 修改build目錄下 的webpack.dev.conf.js配置檔案,前面新增外掛程式的引入,var uglifyjsplugin require ugli...

MPVue開發小程式使用axios

1.安裝axios npm install axios 2.找到以下路徑中檔案路徑 node modules axios dist axios.js注釋 塊 axios.all function all promises 3.使用axios的自定義請求adapter axios.defaults.a...

mpvue 快速建立小程式專案

教程在這裡,其中核心的語句是 安裝vue cli npm install global vue cli 2.9 建立乙個專案 vue init mpvue mpvue quickstart my project 切換到專案資料夾,並安裝依賴 cd my project npm install 執行 ...