Skip to content

Commit 779c115

Browse files
dcloud-wandldcloud-wandl
committed
优化 安装配置模拟器文档
1 parent d2b26ab commit 779c115

File tree

9 files changed

+91
-22
lines changed

9 files changed

+91
-22
lines changed

‎en/Tutorial/App/installSimulator.md‎

Lines changed: 27 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -7,7 +7,7 @@
77

88
## ios模拟器
99

10-
MacOSX，安装ios模拟器，需要先安装[xcode](https://developer.apple.com/xcode/)。
10+
MacOSX，安装ios模拟器，需要先安装[xcode](https://developer.apple.com/xcode/)；或在App store中搜索xcode完成安装。
1111

1212
xcode安装打开，按下快捷键`command+,`，打开`Preferences`窗口，如下图：
1313

@@ -17,10 +17,33 @@ xcode安装打开，按下快捷键`command+,`，打开`Preferences`窗口，如
1717

1818
<img src="/static/snapshots/tutorial/macosx/xcodeCommandLineTools.jpg" style="border: 1px solid #eee; zoom:45%;border-radius: 25px;"/>
1919

20-
## android模拟器
20+
## 运行App到iOS模拟器
21+
22+
项目管理器，选中要运行的项目，点击工具栏 运行图标，如下图：
23+
24+
<img src="/static/snapshots/app/app_ios_simulator.jpg" style="border: 1px solid #eee; zoom:45%;border-radius: 25px;"/>
25+
26+
27+
运行app项目到iOS模拟器效果如下：
28+
29+
<img src="/static/snapshots/app/app_ios_simulator_run.jpg" style="border: 1px solid #eee; zoom:40%;border-radius: 25px;"/>
30+
31+
## Android模拟器
2132

2233
市场上有很多成熟的Android模拟器，这里就不推荐了。自行搜索安装。
2334

24-
当然，Google官方也有自己的模拟器，您可以通过[Android Studio](https://developer.android.com/studio/install)安装；android studio模拟器如下图所示：
35+
当然，Google官方也有自己的模拟器，您可以在[Android Studio](https://developer.android.com/studio/install)中安装不同版本的模拟器。
36+
37+
android studio模拟器如下图所示：
38+
39+
<img src="/static/snapshots/tutorial/macosx/androidSimulator.jpg" style="border: 1px solid #eee; zoom:45%;border-radius: 25px;"/>
40+
41+
## 运行App到Android模拟器
42+
43+
Android模拟器启动后，HBuilderX会将其识别为名称为`emulator-xxxx`的Android手机，其中的xxxx为模拟器的id如下图：
44+
45+
<img src="/static/snapshots/app/Android-emulator.jpg" style="border: 1px solid #eee; zoom:45%;border-radius: 25px;"/>
46+
47+
运行app项目到android模拟器效果如下：
2548

26-
<img src="/static/snapshots/tutorial/macosx/androidSimulator.jpg" style="border: 1px solid #eee; zoom:45%;border-radius: 25px;"/>
49+
<img src="/static/snapshots/app/Android-emulator-start.jpg" style="border: 1px solid #eee; zoom:35%;border-radius: 25px;"/>

‎static/snapshots/app/Android-emulator-start.jpg‎

73.6 KB
Loading

‎static/snapshots/app/Android-emulator.jpg‎

92.5 KB
Loading

‎static/snapshots/app/app_ios_simulator.jpg‎

90.3 KB
Loading

‎static/snapshots/app/app_ios_simulator_run.jpg‎

41.2 KB
Loading

‎zh-cn/Tutorial/App/installSimulator.md‎

Lines changed: 27 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -7,7 +7,7 @@
77

88
## ios模拟器
99

10-
MacOSX，安装ios模拟器，需要先安装[xcode](https://developer.apple.com/xcode/)。
10+
MacOSX，安装ios模拟器，需要先安装[xcode](https://developer.apple.com/xcode/)；或在App store中搜索xcode完成安装。
1111

1212
xcode安装打开，按下快捷键`command+,`，打开`Preferences`窗口，如下图：
1313

@@ -17,10 +17,33 @@ xcode安装打开，按下快捷键`command+,`，打开`Preferences`窗口，如
1717

1818
<img src="/static/snapshots/tutorial/macosx/xcodeCommandLineTools.jpg" style="border: 1px solid #eee; zoom:45%;border-radius: 25px;"/>
1919

20-
## android模拟器
20+
## 运行App到iOS模拟器
21+
22+
项目管理器，选中要运行的项目，点击工具栏 运行图标，如下图：
23+
24+
<img src="/static/snapshots/app/app_ios_simulator.jpg" style="border: 1px solid #eee; zoom:45%;border-radius: 25px;"/>
25+
26+
27+
运行app项目到iOS模拟器效果如下：
28+
29+
<img src="/static/snapshots/app/app_ios_simulator_run.jpg" style="border: 1px solid #eee; zoom:40%;border-radius: 25px;"/>
30+
31+
## Android模拟器
2132

2233
市场上有很多成熟的Android模拟器，这里就不推荐了。自行搜索安装。
2334

24-
当然，Google官方也有自己的模拟器，您可以通过[Android Studio](https://developer.android.com/studio/install)安装；android studio模拟器如下图所示：
35+
当然，Google官方也有自己的模拟器，您可以在[Android Studio](https://developer.android.com/studio/install)中安装不同版本的模拟器。
36+
37+
android studio模拟器如下图所示：
38+
39+
<img src="/static/snapshots/tutorial/macosx/androidSimulator.jpg" style="border: 1px solid #eee; zoom:45%;border-radius: 25px;"/>
40+
41+
## 运行App到Android模拟器
42+
43+
Android模拟器启动后，HBuilderX会将其识别为名称为`emulator-xxxx`的Android手机，其中的xxxx为模拟器的id如下图：
44+
45+
<img src="/static/snapshots/app/Android-emulator.jpg" style="border: 1px solid #eee; zoom:45%;border-radius: 25px;"/>
46+
47+
运行app项目到android模拟器效果如下：
2548

26-
<img src="/static/snapshots/tutorial/macosx/androidSimulator.jpg" style="border: 1px solid #eee; zoom:45%;border-radius: 25px;"/>
49+
<img src="/static/snapshots/app/Android-emulator-start.jpg" style="border: 1px solid #eee; zoom:35%;border-radius: 25px;"/>

‎zh-cn/_sidebar.md‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -38,7 +38,7 @@
3838
* [MarkDown](/Tutorial/Language/markdown.md)
3939
* App开发
4040
* [真机运行常见问题](/Tutorial/App/PhoneDebugging.md)
41-
* [安装模拟器](/Tutorial/App/installSimulator.md)
41+
* [安装配置模拟器](/Tutorial/App/installSimulator.md)
4242
* [Android自定义渠道包](/Tutorial/App/AndroidChannel.md)
4343
* [安心打包使用指南](/Tutorial/App/SafePack.md)
4444
* [iOS安心打包证书安装](/Tutorial/App/iosSafePack.md)

‎zh-hant/Tutorial/App/installSimulator.md‎

Lines changed: 35 additions & 12 deletions
Original file line numberDiff line numberDiff line change
@@ -1,26 +1,49 @@
1-
# 安裝模擬器
1+
# 安装模拟器
22

3-
> Android模擬器在MacOSX、Windows上都可以安裝；iOS模擬器只能在MacOSX上安裝。
3+
> Android模拟器在MacOSX、Windows上都可以安装；iOS模拟器只能在MacOSX上安装。
44
5-
- [安裝iOS模擬器](/Tutorial/App/installSimulator?id=ios模擬器)
6-
- [安裝Android模擬器](/Tutorial/App/installSimulator?id=android模擬器)
5+
- [安装iOS模拟器](/Tutorial/App/installSimulator?id=ios模拟器)
6+
- [安装Android模拟器](/Tutorial/App/installSimulator?id=android模拟器)
77

8-
## ios模擬器
8+
## ios模拟器
99

10-
MacOSX，安裝ios模擬器，需要先安裝[xcode](https://developer.apple.com/xcode/)。
10+
MacOSX，安装ios模拟器，需要先安装[xcode](https://developer.apple.com/xcode/)；或在App store中搜索xcode完成安装。
1111

12-
xcode安裝打開，按下快捷鍵`command+,`，打開`Preferences`窗口，如下圖：
12+
xcode安装打开，按下快捷键`command+,`，打开`Preferences`窗口，如下图：
1313

1414
<img src="/static/snapshots/tutorial/macosx/iosSimulator.jpg" style="border: 1px solid #eee; zoom:45%;border-radius: 25px;"/>
1515

16-
如上窗口，點擊【Locations】，點擊【Command Line Tools】
16+
如上窗口，点击【Locations】，点击【Command Line Tools】
1717

1818
<img src="/static/snapshots/tutorial/macosx/xcodeCommandLineTools.jpg" style="border: 1px solid #eee; zoom:45%;border-radius: 25px;"/>
1919

20-
## android模擬器
20+
## 运行App到iOS模拟器
2121

22-
市場上有很多成熟的Android模擬器，這裏就不推薦了。自行搜索安裝。
22+
项目管理器，选中要运行的项目，点击工具栏 运行图标，如下图：
2323

24-
當然，Google官方也有自己的模擬器，您可以通過[Android Studio](https://developer.android.com/studio/install)安裝；android studio模擬器如下圖所示：
24+
<img src="/static/snapshots/app/app_ios_simulator.jpg" style="border: 1px solid #eee; zoom:45%;border-radius: 25px;"/>
2525

26-
<img src="/static/snapshots/tutorial/macosx/androidSimulator.jpg" style="border: 1px solid #eee; zoom:45%;border-radius: 25px;"/>
26+
27+
运行app项目到iOS模拟器效果如下：
28+
29+
<img src="/static/snapshots/app/app_ios_simulator_run.jpg" style="border: 1px solid #eee; zoom:40%;border-radius: 25px;"/>
30+
31+
## Android模拟器
32+
33+
市场上有很多成熟的Android模拟器，这里就不推荐了。自行搜索安装。
34+
35+
当然，Google官方也有自己的模拟器，您可以在[Android Studio](https://developer.android.com/studio/install)中安装不同版本的模拟器。
36+
37+
android studio模拟器如下图所示：
38+
39+
<img src="/static/snapshots/tutorial/macosx/androidSimulator.jpg" style="border: 1px solid #eee; zoom:45%;border-radius: 25px;"/>
40+
41+
## 运行App到Android模拟器
42+
43+
Android模拟器启动后，HBuilderX会将其识别为名称为`emulator-xxxx`的Android手机，其中的xxxx为模拟器的id如下图：
44+
45+
<img src="/static/snapshots/app/Android-emulator.jpg" style="border: 1px solid #eee; zoom:45%;border-radius: 25px;"/>
46+
47+
运行app项目到android模拟器效果如下：
48+
49+
<img src="/static/snapshots/app/Android-emulator-start.jpg" style="border: 1px solid #eee; zoom:35%;border-radius: 25px;"/>

‎zh-hant/_sidebar.md‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -38,7 +38,7 @@
3838
* [MarkDown](/Tutorial/Language/markdown.md)
3939
* App開發
4040
* [真機運行常見問題](/Tutorial/App/PhoneDebugging.md)
41-
* [安裝模擬器](/Tutorial/App/installSimulator.md)
41+
* [安裝配置模擬器](/Tutorial/App/installSimulator.md)
4242
* [Android自定義渠道包](/Tutorial/App/AndroidChannel.md)
4343
* [安心打包使用指南](/Tutorial/App/SafePack.md)
4444
* [iOS安心打包證書安裝](/Tutorial/App/iosSafePack.md)

0 commit comments

Comments
 (0)