mpvue创建项目
程序员文章站
2024-02-15 14:53:46
...
首先,使用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 启动项目
启动后的显示