起手一个mpvue项目准备

Posted qinhuansky

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了起手一个mpvue项目准备相关的知识,希望对你有一定的参考价值。

1,环境配置(http://mpvue.com/mpvue/quickstart.html

//全局安装vue-cli3脚手架
npm install -g @vue/cli @vue/cli-init

//创建一个基于 mpvue-quickstart 模板的control-task项目
vue init mpvue/mpvue-quickstart control-task

//定义项目名、APPID、项目描述、是否使用vuex、esLint等

//安装依赖
cd my-project
$ npm install
$ npm run dev

2,这样执行npm run dev就能跑起来,打开微信开发者工具将项目导入。在src下修改vue文件就能动态实时打包到dist(转换后的标准小程序结构目录)目录下

3,如果想引入sass写css,和之前vue一样下载loader就行

npm install node-sass sass-loader --save-dev

 

以上是关于起手一个mpvue项目准备的主要内容,如果未能解决你的问题,请参考以下文章

使用mpvue实现动态图片波浪图效果

mpvue前期准备

使用mpvue开发小程序教程

mpvue支持小程序的分包加载

小程序开发框架WePY与mpvue

小程序开发总结一:mpvue框架及与小程序原生的混搭开发