uniapp使用方法

uniapp

1. 什么是uniapp

   官网地址： https://uniapp.dcloud.io/README
   uni-app 是一个使用 Vue.js 开发所有前端应用的框架，开发者编写一套代码，可发布到iOS、Android、Web（响应式）、以及各种小程序（微信/支付宝/百度/头条/QQ/快手/钉钉/淘宝）、快应用等多个平台。
   

2. 应用于uniapp的编辑器 hbui lderX

   网址 https://www.dcloud.io/hbuilderx.html
   
   下载： 正式版 ---- app开发版；根据电脑系统选择 
   

3. 安装一个插件

   地址： https://ext.dcloud.net.cn/plugin?name=compile-node-sass
   
   选择使用Hbuilder导入插件
   
   注册hbuilder  注册完成之后 
   

4. 创建uniapp项目

   hbuilderX文件 – 新建 – 项目

5. 启动微信开发者工具

   1. 配置appid ；项目文件内有一个mainefs.json,右侧打开的代码内找到微信小程序配置，将appid输入进去

   2. 打开微信开发者工具，设置–安全设置–将端口打开

   3. hbuilderX 工具 – 设置-- 运行配置 — 微信开发者工具的路径 ；将自己的微信开发者工具的安装路径导入

   4. 可以启动了 运行— 小程序 – 微信

下面是一些图片可以参考