欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

mpvue创建项目

程序员文章站 2024-02-15 14:53:46
...

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

1、检查vue版本

 vue -V

mpvue创建项目
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静态文件目录。
mpvue创建项目
3、打开项目,拉取依赖并启动

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

启动后的显示
mpvue创建项目

相关标签: VUE mpvue