1 - 简介，环境搭建，多端运行

简介：

web ==》js、html、css

app ==》原生开发：Android   ios

　　　　H5：把网页制作成手机端样式

　　　　hybrid：混编开发（一部分用h5，一部门用js 调用原生功能代码）

　　　　react-native：使用JS 开发，导出原生的手机端应用代码

小程序 ==》微信小程序、百度小程序、360、字节跳到...支付宝...

如果一个项目需要开发web端和app端两部分，需要程序员分别写代码，成本高工作量大，而uniapp只要一个人开发，就可以导出

 

环境搭建：（用其他vscode也可以代码编辑）

官网有特定的代码编辑器HBuilder，下载后左下角注册登录使用，

必须安装相关插件才可以方便正常使用（工具栏---插件安装），

插件==》安装新插件---核心插件（还可以点击下方前往插件市场安装）

　　　　例如市场中搜索sass编译软件，使用HBuilder导入插件安装即可

　　　　prettier（帮助代码格式化）

 

运行：

点击左上角项目包---新建项目---选择对应模板（创建成功）

项目可分别运行在web（网页）、app手机端、微信小程序上

1.在浏览器端运行

　　打开man.js，右上角预览（此时只要前面安装了插件就可以在内置浏览器中预览成功）

　　在外部浏览器端运行查看---点击左上角工具栏运行，或者是菜单栏点击运行----运行到浏览器端

 

2.微信小程序运行

　　需下载微信小程序开发工具

　　在HBuilder中设置---菜单栏运行---运行到小程序模拟器---运行设置---小程序运行配置（选择小程序开发工具位置）

　　扫描登录微信开发工具---设置---安全（打开服务端口）---代理（选择使用系统代理）

　　回到项目，打开man.js，运行（微信小程序）

 

3.手机端运行

　　需要下载夜神模拟器（安卓模拟器，目前没有iso模拟器）

　　运行到安卓手机上：

　　　　在手机上开启开发者模式，然后再开发者选项中，开启USB调试，运行通过usb 安装软件，等功能

　　　　在手机线连接手机和电脑

　　　　手机有弹出框：是否运行调试（选择总是运行）

　　　　其他弹出框：选择与数据传输有关的调试

 

　　下载后安装夜神模拟器：

　　　　模拟器默认是paid样式，右上角设置---性能设置----更改为手机端样式

　　回到项目中打开man.js，运行到手机或模拟器打开，如果是真机直接打开检测到的手机

　　如果是模拟器，不同模拟器带有不同的ADB路径，所以这个需要重新设置adb路径（例如这里找到安装的夜神模拟器的adb.exe文件路径更新即可），然后重启夜神模拟器，在项目运行监测到设备进行运行