开发环境搭建

开发环境搭建
- 第一部分：开发环境搭建
  - 一、安装开发工具
  - 二、项目
    - 1、使用HBuilderX导入项目
    - 2、运行uni-app

第一部分：开发环境搭建

一、安装开发工具

源码下载： https://github.com/zhangdaiscott/jeecg-uniapp

安装HBuilderX 官方下载地址【官方IDE载地址】
安装教程【安装教程】
HBuilderX是通用的前端开发工具，但为uni-app制成特别强化。
下载App开发版，可开箱即用；如下载标准版，在运行或发行uni-app时，会提示安装uni-app插件，插件下载完成后方可使用。

二、项目

1、使用HBuilderX导入项目

（1）前端工程jeecg-boot-uniapp
（2）HBuilderX打开项目

2、运行uni-app

1.浏览器运行：进入jeecg-boot-uniapp项目，点击工具栏的运行->运行到浏览器->选择浏览器，即可在浏览器里面体验uni-appH5版。

H5在开发环节，运行到外部浏览器可能会出现跨域的问题。
如果遇到跨域造成js无法联网，注意网络请求（request、uploadFile、downloadFile等）在浏览器存在跨域限制，解决方案有详见：https://ask.dcloud.net.cn/article/35267。

如果只是开发调试可以使用内置浏览器，没有跨域等的问题，首次使用内置浏览器可能会提示下载，运行成功后，可以在右侧看到相应的页面。

2.在微信开发者工具里运行：进入jeecg-boot-uniapp项目，点击工具栏的运行->运行到小程序模拟器->微信开发者工具，即可在微信开发者工具里面体验jeecg-boot-uniapp项目

注意：如果是第一次使用，需要先配置小程序ide的相关路径（见下图），才能运行成功。如下图，需在输入框输入微信开发者工具的安装路径。若HBuilderX不能正常启动微信开发者工具，需要开发者手动启动，然后将uni-app生成小程序工程的路径复制到微信开发者工具里面，在HBuilderX里面开发，在微信开发者工具里面就可以看到实时的效果。uni-app或将项目编译到根目录的unpackage目录。

3.真机运行：连接手机，开启USB调试，进入jeecg-boot-uniapp项目，点击工具栏的运行->真机运行->选择运行的设备，即可在该设备里面体验uni-app。

运行成功后可在手机上看到页面

如手机无法识别，请点击菜单运行-运行到手机或模拟器-真机运行常见故障排查指南。注意当前开发App也需要安装微信开发者工具。

Jeecg-Uniapp 移动框架开发环境搭建—— APP解决方案相关推荐

Muse-UI +Vue2.0框架开发环境搭建
2019独角兽企业重金招聘Python工程师标准>>> 一.安装Vue,创建Vue项目 VSCode 搭建Vue开发环境之Vue CLI 二.安装Muse-UI 库 npm inst ...
Hibernate（一）——采用Hibernate框架开发环境搭建
Hibernate是一个开放源代码的对象关系映射框架,它对JDBC进行了非常轻量级的对象封装,使得Java程序员充分使用对象编程思维来操作数据库.HIbernate的移植性很好,它可以应用于任何JDB ...
vue框架开发环境搭建
说明该文章用最简单粗暴的方式完成vue框架的搭建,跟着步骤一步一步来就ok,这里就不阐述什么原理了,直接开工. 第一步:下载并安装Node.js 安装包请移步Node中文官网,直接点我进去找就行打 ...
宁波中软国际实习日记（一）：SSM框架开发环境搭建
文章目录 1.0 JDK安装 2.0 IDEA安装 3.0 Tomcat安装.部署 4.0 Maven安装.部署 5.0 MySQL安装 6.0 Notepad++安装 1.0 JDK安装实习所用J ...
uni-app简介、条件编译、App端Nvue开发、HTML5+、开发环境搭建、自定义组件、配置平台环境、uniCloud云开发平台
uni-app简介 : 概述:uni-app是一个前端跨平台框架:会uni-app就可以用一套代码(类似vue语法)打包出安卓.ios.及各种小程序(微信.qq.支付宝等)端跨平台发布. 生态:完整的 ...
开发指南专题四：JEECG微云快速开发平台--JEECG开发环境搭建
开发指南专题四:JEECG微云快速开发平台开发环境搭建 1. JEECG开发环境搭建 JEECG推荐的开发环境为Myeclipse8.5/Eclipse3.7+JDK1.6+Tomcat6.0 1.1 ...
开发指南专题四 JEECG微云快速开发平台--JEECG开发环境搭建
分享一下我老师大神的人工智能教程!零基础,通俗易懂!http://blog.csdn.net/jiangjunshow 也欢迎大家转载本篇文章.分享知识,造福人民,实现我们中华民族伟大复兴! 开发指南 ...
【官方搭建入门】JEECG 平台开发环境搭建必读
[官方搭建入门]JEECG 平台开发环境搭建必读下载地址:http://git.oschina.net/jeecg/jeecg 1. 标准开发环境:eclipse + maven + jdk7 + ...
Eclipse IDE 使用技巧和Android App 开发环境搭建和配置
写在前面: 本片文章只是记录了自己学习时的一些笔记,纯粹是为了自己后面方便查找,片言碎语,不适合大家浏览,请大家不要参考这篇文章. 正文: Eclipse IDE 使用技巧 ...

Jeecg-Uniapp 移动框架开发环境搭建—— APP解决方案

开发环境搭建

第一部分：开发环境搭建

一、安装开发工具

二、项目

Jeecg-Uniapp 移动框架开发环境搭建—— APP解决方案相关推荐

最新文章

热门文章

Jeecg-Uniapp 移动框架开发环境搭建—— APP解决方案

开发环境搭建

第一部分： 开发环境搭建

一、安装开发工具

二、项目

Jeecg-Uniapp 移动框架开发环境搭建—— APP解决方案相关推荐

最新文章

热门文章

第一部分：开发环境搭建