Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
erosXXX
uni-app
提交
61d7265d
U
uni-app
项目概览
erosXXX
/
uni-app
与 Fork 源项目一致
Fork自
DCloud / uni-app
通知
1
Star
0
Fork
0
代码
文件
提交
分支
Tags
贡献者
分支图
Diff
Issue
0
列表
看板
标记
里程碑
合并请求
0
DevOps
流水线
流水线任务
计划
Wiki
0
Wiki
分析
仓库
DevOps
项目成员
Pages
U
uni-app
项目概览
项目概览
详情
发布
仓库
仓库
文件
提交
分支
标签
贡献者
分支图
比较
Issue
0
Issue
0
列表
看板
标记
里程碑
合并请求
0
合并请求
0
Pages
DevOps
DevOps
流水线
流水线任务
计划
分析
分析
仓库分析
DevOps
Wiki
0
Wiki
成员
成员
收起侧边栏
关闭侧边栏
动态
分支图
创建新Issue
流水线任务
提交
Issue看板
体验新版 GitCode,发现更多精彩内容 >>
提交
61d7265d
编写于
1月 05, 2021
作者:
hbcui1984
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
Update quickstart-hx.md
上级
b073fb7c
变更
1
隐藏空白更改
内联
并排
Showing
1 changed file
with
9 addition
and
9 deletion
+9
-9
docs/quickstart-hx.md
docs/quickstart-hx.md
+9
-9
未找到文件。
docs/quickstart-hx.md
浏览文件 @
61d7265d
...
@@ -19,7 +19,7 @@ HBuilderX是通用的前端开发工具,但为`uni-app`做了特别强化。
...
@@ -19,7 +19,7 @@ HBuilderX是通用的前端开发工具,但为`uni-app`做了特别强化。
在点击工具栏里的文件 -> 新建 -> 项目:
在点击工具栏里的文件 -> 新建 -> 项目:
<div
align=
center
>
<div
align=
center
>
<img
src=
"
//img-cdn-qiniu.dcloud.net.cn/uniapp/doc/create1
.png"
/>
<img
src=
"
https://vkceyugu.cdn.bspapp.com/VKCEYUGU-uni-app-doc/b925a1c0-4f19-11eb-97b7-0dc4655d6e68
.png"
/>
</div>
</div>
选择
`uni-app`
类型,输入工程名,选择模板,点击创建,即可成功创建。
选择
`uni-app`
类型,输入工程名,选择模板,点击创建,即可成功创建。
...
@@ -27,7 +27,7 @@ HBuilderX是通用的前端开发工具,但为`uni-app`做了特别强化。
...
@@ -27,7 +27,7 @@ HBuilderX是通用的前端开发工具,但为`uni-app`做了特别强化。
uni-app自带的模板有 Hello uni-app ,是官方的组件和API示例。还有一个重要模板是 uni ui项目模板,日常开发推荐使用该模板,已内置大量常用组件。
uni-app自带的模板有 Hello uni-app ,是官方的组件和API示例。还有一个重要模板是 uni ui项目模板,日常开发推荐使用该模板,已内置大量常用组件。
<div
align=
center
>
<div
align=
center
>
<img
src=
"
//img.cdn.aliyun.dcloud.net.cn/uni-app/doc/create
.png"
/>
<img
src=
"
https://vkceyugu.cdn.bspapp.com/VKCEYUGU-uni-app-doc/f5d5fa70-4f19-11eb-8ff1-d5dcf8779628
.png"
/>
</div>
</div>
## 运行uni-app
## 运行uni-app
...
@@ -35,12 +35,12 @@ uni-app自带的模板有 Hello uni-app ,是官方的组件和API示例。还
...
@@ -35,12 +35,12 @@ uni-app自带的模板有 Hello uni-app ,是官方的组件和API示例。还
1.
浏览器运行:进入hello-uniapp项目,点击工具栏的运行 -> 运行到浏览器 -> 选择浏览器,即可在浏览器里面体验uni-app 的 H5 版。
1.
浏览器运行:进入hello-uniapp项目,点击工具栏的运行 -> 运行到浏览器 -> 选择浏览器,即可在浏览器里面体验uni-app 的 H5 版。
<div
align=
center
>
<div
align=
center
>
<img
src=
"
//img-cdn-qiniu.dcloud.net.cn/uniapp/doc/run-chrome
.png"
/>
<img
src=
"
https://vkceyugu.cdn.bspapp.com/VKCEYUGU-uni-app-doc/1ad34710-4f1a-11eb-8ff1-d5dcf8779628
.png"
/>
</div>
</div>
2.
真机运行:连接手机,开启USB调试,进入hello-uniapp项目,点击工具栏的运行 -> 真机运行 -> 选择运行的设备,即可在该设备里面体验uni-app。
2.
真机运行:连接手机,开启USB调试,进入hello-uniapp项目,点击工具栏的运行 -> 真机运行 -> 选择运行的设备,即可在该设备里面体验uni-app。
<div
align=
center
>
<div
align=
center
>
<img
src=
"
//img-cdn-qiniu.dcloud.net.cn/uniapp/doc/run-phone
.png"
/>
<img
src=
"
https://vkceyugu.cdn.bspapp.com/VKCEYUGU-uni-app-doc/3a1faaf0-4f1a-11eb-b680-7980c8a877b8
.png"
/>
</div>
</div>
如手机无法识别,请点击菜单运行-运行到手机或模拟器-真机运行常见故障排查指南。
如手机无法识别,请点击菜单运行-运行到手机或模拟器-真机运行常见故障排查指南。
...
@@ -49,7 +49,7 @@ uni-app自带的模板有 Hello uni-app ,是官方的组件和API示例。还
...
@@ -49,7 +49,7 @@ uni-app自带的模板有 Hello uni-app ,是官方的组件和API示例。还
3.
在微信开发者工具里运行:进入hello-uniapp项目,点击工具栏的运行 -> 运行到小程序模拟器 -> 微信开发者工具,即可在微信开发者工具里面体验uni-app。
3.
在微信开发者工具里运行:进入hello-uniapp项目,点击工具栏的运行 -> 运行到小程序模拟器 -> 微信开发者工具,即可在微信开发者工具里面体验uni-app。
<br/>
<br/>
<div
align=
center
>
<div
align=
center
>
<img
src=
"https://
img-cdn-qiniu.dcloud.net.cn/uniapp/doc/uni20190222-1
.png"
/>
<img
src=
"https://
vkceyugu.cdn.bspapp.com/VKCEYUGU-uni-app-doc/d89fd6f0-4f1a-11eb-97b7-0dc4655d6e68
.png"
/>
</div>
</div>
**注意:**
如果是第一次使用,需要先配置小程序ide的相关路径,才能运行成功。如下图,需在输入框输入微信开发者工具的安装路径。 若HBuilderX不能正常启动微信开发者工具,需要开发者手动启动,然后将uni-app生成小程序工程的路径拷贝到微信开发者工具里面,在HBuilderX里面开发,在微信开发者工具里面就可看到实时的效果。
**注意:**
如果是第一次使用,需要先配置小程序ide的相关路径,才能运行成功。如下图,需在输入框输入微信开发者工具的安装路径。 若HBuilderX不能正常启动微信开发者工具,需要开发者手动启动,然后将uni-app生成小程序工程的路径拷贝到微信开发者工具里面,在HBuilderX里面开发,在微信开发者工具里面就可看到实时的效果。
...
@@ -57,25 +57,25 @@ uni-app自带的模板有 Hello uni-app ,是官方的组件和API示例。还
...
@@ -57,25 +57,25 @@ uni-app自带的模板有 Hello uni-app ,是官方的组件和API示例。还
uni-app默认把项目编译到根目录的unpackage目录。
uni-app默认把项目编译到根目录的unpackage目录。
<br/>
<br/>
<div
align=
center
>
<div
align=
center
>
<img
src=
"
//img-cdn-qiniu.dcloud.net.cn/uniapp/doc/weixin-setting
.png"
/>
<img
src=
"
https://vkceyugu.cdn.bspapp.com/VKCEYUGU-uni-app-doc/a142b6a0-4f1a-11eb-8a36-ebb87efcf8c0
.png"
/>
</div>
</div>
4.
在支付宝小程序开发者工具里运行:进入hello-uniapp项目,点击工具栏的运行 -> 运行到小程序模拟器 -> 支付宝小程序开发者工具,即可在支付宝小程序开发者工具里面体验uni-app。
4.
在支付宝小程序开发者工具里运行:进入hello-uniapp项目,点击工具栏的运行 -> 运行到小程序模拟器 -> 支付宝小程序开发者工具,即可在支付宝小程序开发者工具里面体验uni-app。
<br/>
<br/>
<div
align=
center
>
<div
align=
center
>
<img
src=
"https://
img-cdn-qiniu.dcloud.net.cn/uniapp/doc/uni20190222-3
.png"
/>
<img
src=
"https://
vkceyugu.cdn.bspapp.com/VKCEYUGU-uni-app-doc/fee90480-4f1a-11eb-bd01-97bc1429a9ff
.png"
/>
</div>
</div>
5.
在百度开发者工具里运行:进入hello-uniapp项目,点击工具栏的运行 -> 运行到小程序模拟器 -> 百度开发者工具,即可在百度开发者工具里面体验uni-app。
5.
在百度开发者工具里运行:进入hello-uniapp项目,点击工具栏的运行 -> 运行到小程序模拟器 -> 百度开发者工具,即可在百度开发者工具里面体验uni-app。
<br/>
<br/>
<div
align=
center
>
<div
align=
center
>
<img
src=
"https://
img-cdn-qiniu.dcloud.net.cn/uniapp/doc/uni20190222-2
.png"
/>
<img
src=
"https://
vkceyugu.cdn.bspapp.com/VKCEYUGU-uni-app-doc/1be92e70-4f1b-11eb-8a36-ebb87efcf8c0
.png"
/>
</div>
</div>
6.
在字节跳动开发者工具里运行:进入hello-uniapp项目,点击工具栏的运行 -> 运行到小程序模拟器 -> 字节跳动开发者工具,即可在字节跳动开发者工具里面体验uni-app。
6.
在字节跳动开发者工具里运行:进入hello-uniapp项目,点击工具栏的运行 -> 运行到小程序模拟器 -> 字节跳动开发者工具,即可在字节跳动开发者工具里面体验uni-app。
<br/>
<br/>
<div
align=
center
>
<div
align=
center
>
<img
src=
"https://
img-cdn-qiniu.dcloud.net.cn/uniapp/doc/uni20190222-4
.png"
/>
<img
src=
"https://
vkceyugu.cdn.bspapp.com/VKCEYUGU-uni-app-doc/42de5370-4f1b-11eb-8ff1-d5dcf8779628
.png"
/>
</div>
</div>
7.
在360开发工具中导入:进入hello-uniapp项目,点击工具栏的运行 -> 运行到小程序模拟器 -> 360开发工具,即可在360开发工具里面体验uni-app。
7.
在360开发工具中导入:进入hello-uniapp项目,点击工具栏的运行 -> 运行到小程序模拟器 -> 360开发工具,即可在360开发工具里面体验uni-app。
...
...
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录