uniapp
-
什么是uniapp
官网地址: https://uniapp.dcloud.io/README uni-app 是一个使用 Vue.js 开发所有前端应用的框架,开发者编写一套代码,可发布到iOS、Android、Web(响应式)、以及各种小程序(微信/支付宝/百度/头条/QQ/快手/钉钉/淘宝)、快应用等多个平台。
-
应用于uniapp的编辑器 hbui lderX
网址 https://www.dcloud.io/hbuilderx.html 下载: 正式版 ---- app开发版;根据电脑系统选择
-
安装一个插件
地址: https://ext.dcloud.net.cn/plugin?name=compile-node-sass 选择使用Hbuilder导入插件 注册hbuilder 注册完成之后
-
创建uniapp项目
hbuilderX文件 – 新建 – 项目
-
启动微信开发者工具
-
配置appid ;项目文件内有一个mainefs.json,右侧打开的代码内找到微信小程序配置,将appid输入进去
-
打开微信开发者工具,设置–安全设置–将端口打开
-
hbuilderX 工具 – 设置-- 运行配置 — 微信开发者工具的路径 ;将自己的微信开发者工具的安装路径导入
-
可以启动了 运行— 小程序 – 微信
-
下面是一些图片可以参考