Vue 微信小程序 uni-app学习系列《一》

下载开发工具

http://www.dcloud.io/hbuilderx.htmlcss

在这里插入图片描述

建立项目

文件–》项目html

在这里插入图片描述

运行

在这里插入图片描述

下载微信小程序开发工具,而且完成安装

https://developers.weixin.qq.com/miniprogram/dev/devtools/download.htmlvue

在这里插入图片描述

设置微信开发工具路径

C:/Program Files (x86)/Tencent/微信web开发者工具web

在这里插入图片描述

打开小程序开发工具,设置服务端口,开启

在这里插入图片描述
在这里插入图片描述

安装插件

13:12:48.289 项目 ‘vuedemo’ 开始编译…
13:12:55.557 预编译器错误:代码使用了scss/sass语言,但未安装相应编译器,请在菜单工具-插件安装里安装相应编译插件 at components\uni-load-more\uni-load-more.vue:1
13:12:55.637 ERROR Build failed with errors.小程序

在这里插入图片描述

微信小程序启动

在这里插入图片描述

启动成功

在这里插入图片描述

手机预览

查看app id
在这里插入图片描述微信小程序

设置 app idsass

在这里插入图片描述

点击预览

在这里插入图片描述