uni-app（1）— 环境搭建（安装编辑器，创建项目，项目运行）

此文为uni-app总结笔记（1）— 环境搭建（安装编辑器 – 创建项目 – 运行到浏览器，微信开发者工具）

一：安装编辑器HbuilderX
【下载地址】： https://www.dcloud.io/hbuilderx.html

下载对应的App开发版本，下载后是一个压缩包状态，进入解压后的文件夹，找到HBuilderX.exe，直接点击打开即可开箱使用。

下载后压缩包状态，如图显示，解压即可。

解压后是这样的

找到HBuilderX.exe，创建桌面快捷方式。

二：安装微信开发者工具
【下载地址】：https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html

三：项目创建
（1）：点击HbuilderX菜单栏文件>项目>新建
（2）：选择uni-app，填写项目名称，选择存放路径，点击创建即可。
新建项目如图显示：

创建后显示

四：项目运行（浏览器，微信开发者工具，手机端）
【运行到浏览器】（ 运行 – 运行到浏览器 – 选择对应的浏览器即可）

运行时底部会显示运行进度，如图显示

运行结果如下，这边我是运行到谷歌

【运行到微信开发者工具】（运行-- 运行到小程序模拟器 – 微信开发者工具）

注意：
（1）如果是第一次使用，需要先配置小程序ide的相关路径，即需填写微信开发者工具的安装路径，才能运行成功。
如图显示：需在输入框输入微信开发者工具的安装路径
进入XHbuilder，点击工具—>设置—>运行配置，找到微信开发者工具安装目录，设置启动地址（安装插件：工具—>插件安装）

（2）需将端口打开（微信开发者工具 – 设置 --安全设置 – 将端口打开即可）
如图显示：

【运行到手机】
这个我是苹果手机，电脑是windows的，暂时没办法进行运行，后期追更~ CSDN上面有很多uniapp运行到手机上的教程，急的小伙伴可以先自行搜索一下，也是很完整的~

uni-app（1）— 环境搭建（安装编辑器，创建项目，项目运行）相关推荐

python和编辑器一块安装_python环境搭建与编辑器安装
# python环境搭建与编辑器安装学习一种语言的开始,一定是搭建编译环境以及拥有一个编辑器,作为公众号的第一篇文章,也是python教程的开始,本文主要介绍python编译环境的搭建与编辑软件的 ...
python django开发工具_利用pyCharm编辑器创建Django项目开发环境-python开发工具第一篇...
[前置说明] 1.django环境与python对应关系: Django version Python versions 1.11 2.7, 3.4, 3.5, 3.6, 3.7 (added in ...
Eclipse IDE 使用技巧和Android App 开发环境搭建和配置
写在前面: 本片文章只是记录了自己学习时的一些笔记,纯粹是为了自己后面方便查找,片言碎语,不适合大家浏览,请大家不要参考这篇文章. 正文: Eclipse IDE 使用技巧 ...
【Python自动化测试32】App自动化环境搭建
文章目录一.前言二.安装与环境搭建教学 2.1 环境依赖 2.2 appium程序安装 2.3 appium-python-client 2.4 模拟器安装 2.5 java jdk安装 2.6 ...
Java自动化测试(app自动化环境搭建 31)
Appium 官网:http://appium.io/ github:https://github.com/appium/appium Appium is an open source test au ...
Python+Appium APP自动化环境搭建
Python+Appium之APP自动化环境搭建 1.安装node.js (1)一直点击下一步即可 (2)配置环境变量 (3)输入npm --version 安装成功 2.安装appium-docto ...
java环境搭建安装
2. java环境搭建安装 2.1 JDK下载开发人员要进行开发需要安装jdk,程序运行的话环境只需要jre,所以我们作为开发人员,需要下载jdk,最新版本为jdk17,下载地址为oracle ...
玩转树莓派之环境搭建—安装TFT屏
玩转树莓派之环境搭建-安装TFT屏本文博客链接:http://blog.csdn.net/wanxuncpx,作者:cpx,转载请注明. 目的让树莓派能拥有本地的桌面显示单元环境硬件: Ras ...
mui hello html5 安装,HBuilder开发App Step1——环境搭建，HelloMUI 以及真机调试(示例代码)...
No1. 必须搭建java环境只需要最基础的java环境,也就是cmd下可以运行java和javac即可, 具体教程请自行百度,都会有很详细的教程,这里不重点介绍. No2. 下载安装HBuilde ...
开发环境测试环境定义_「PHP7数组详解」：第1章环境搭建安装（一）
本书所有内容,会在知乎.今日头条.微信公众号.简书同步推出. 通过第一章的,将学习到以下内容: 创建一个简单的PHP程序条件判断语句的使用方法循环语句for,while,loop的用户函数的使用 ...

uni-app（1）— 环境搭建（安装编辑器，创建项目，项目运行）

uni-app（1）— 环境搭建（安装编辑器，创建项目，项目运行）相关推荐

最新文章

热门文章