mpvue创建项目

1 篇文章 0 订阅

首先,使用mpvue框架可以在常用的开发工具中开发,也可以在微信开发者工具中开发;

1、检查vue版本

 vue -V

在这里插入图片描述
2、创建项目

 vue init mpvue/mpvue-quickstart wx-mpvue

? Project name wx-mpvue   项目名称
? wxmp appid touristappid   appid
? Project description A Mpvue project  直接回车
? Author cwj     作者
? Vue build runtime  直接回车
? Use Vuex? Yes		是否使用 vuex
? Use ESLint to lint your code? No   是否使用语法检查  建议不使用
? 小程序测试,敬请关注最新微信开发者工具的“测试报告”功能

创建完成后的目录;build目录打包的一些配置;config目录公共变量的一些配置;dist目录整个项目打包的项目,可以把这个目录放到微信开发者工具预览或者上传;node_model依赖目录;src目录 一般开发都会在这个目录下;static静态文件目录。
在这里插入图片描述
3、打开项目,拉取依赖并启动

npm install     拉取依赖
npm run dev     启动项目

启动后的显示
在这里插入图片描述

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值