有你,世界才更有趣!

使用mpvue重构个人小程序(一)安装

mpvue安装

# 全局安装 vue-cli 
$ npm install --global vue-cli
# 创建一个基于 mpvue-quickstart 模板的新项目
$ vue init mpvue/mpvue-quickstart my-project
# 安装依赖
$ cd my-project
$ npm install
# 启动构建
$ npm run dev
《使用mpvue重构个人小程序(一)安装》

我的微信小程序项目都在WeChatProjects目录下,根据提示输入相对应的内容。如下图:

《使用mpvue重构个人小程序(一)安装》

根据上图的提示,cd 到项目目录下,cd WeChatProjects/my-project,执行安装

《使用mpvue重构个人小程序(一)安装》
《使用mpvue重构个人小程序(一)安装》

接下来,你只需要启动微信开发者工具,引入项目即可预览到你的第一个 mpvue 小程序

《使用mpvue重构个人小程序(一)安装》

使用mpvue重构个人小程序(二)文件结构

点赞

发表评论

电子邮件地址不会被公开。 必填项已用*标注