天天看点

使用mpvue框架从0开始搭建微信小程序项目

搭建之前先检查 node,npm,vue-cli 是否安装成功及版本。

1.初始化项目

vue init mpvue/mpvue-quickstart projectname
           

2.填写项目的配置信息,一路回车

3.进入项目文件夹

cd projectname
           

4.安装依赖库

npm install
           

( npm 淘宝镜像: https://registry.npm.taobao.org/)

5.安装完成后,运行

npm run dev
           

6.在微信开发者工具中打开刚才新建的项目,生成的小程序代码存放在 dist 文件夹里

使用mpvue框架从0开始搭建微信小程序项目

7.此时,项目初始化成功,且跑起来了

8.删除默认页面(新创建的项目自动生成的)