---
# System prepended metadata

title: Devtools 2 - Repl.it

---

# Devtools 2 - Repl.it


## Slide toolkit

:::warning
[Repl.it website](http://replt.it)
[Click here to the slides](https://docs.google.com/presentation/d/1y_ia6vPV2DYDNVR3SFr2L8qr-a6h6_FFtz4dt8Qk3Lw/edit#slide=id.gb012e84112_0_0) :smile:
> You should use DSC account to edit the content

[Click here to tool kit](https://docs.google.com/presentation/d/1jwauHiaJFpBddAz-XWskf--bKM7xcypn86_xXUvjM_0/edit#slide=id.g3fedfa3ef5_0_166)

[Code highlighter website](https://romannurik.github.io/SlidesCodeHighlighter/)


Code font: **Arial**
Code size: **13.5**
Code background color: 
![](https://i.imgur.com/u3P4MCi.png)

<br>

Header font: **Open Sans**
Header size: **28**

Content font: **Roboto**
Content size: **14**
:::


## Work 1

[Reference link 1](https://docs.repl.it/repls/intro)
[Reference link 2](https://docs.repl.it/misc/quick-start)
:::warning
:fire: Don't just copy and paste the result, you should try it and know how to use it. It will be better for you to find the addtional resource. **Everything should be written in Chinese**
:::

1. **What is Repl**
    > [name=Justin]
3. **The Repl Environment**
    > [name=Justin]
5. **Using Multiplayer with anonymous users**
    > [name=Justin]
7. **Interactive Python Plots**
    > [name=Alex]
9. **Embedding Repls**
    > [name=Allen] 
11. **Editor Tips and Tricks**
    > [name=Kattie]
13. **Repl from repo**
    > [name=Joyce]

> For fun! :smile:
<iframe height="400px" width="100%" src="https://repl.it/@Justin900429/Quick-start?lite=true" scrolling="no" frameborder="no" allowtransparency="true" allowfullscreen="true" sandbox="allow-forms allow-pointer-lock allow-popups allow-same-origin allow-scripts allow-modals"></iframe>

## Work 2
In this part, you should find one additional function didn't be mentioned in work 1 and share to others. This don't need to be added to the slides. (That means if you want to add them to the slides then go ahead!).

You can write it in mardown and share to others in below block session.

---
<!-- Write it here -->
### Searching
在搜尋的時候，以空白鍵做為區隔，不區分大小寫
![](https://i.imgur.com/smL9iU0.png)

* 基本搜尋(標題和語言都可以當成關鍵字)
**Search Query: draft repl python3**
所有符合這些限制的repl都會顯示出來
    * 在標題中有draft
    * 在標題中有repl
    * 是python3的repl
    
* 語言搜尋
**Search Query: language:html**
所有符合這些限制的repl都會顯示出來
    * 是html的repl
* 標題搜尋
**Search Query: title:best project** 
所有符合這些限制的repl都會顯示出來
    * 在標題中有best
    * 在標題中有project
    

### Debugging
* 目前僅支援 Python3 && single file mode 且尚在測試中

1. 點選左方Debugger功能

![](https://i.imgur.com/FVKaPi5.png)

2. 開啟Debugger可以一行一行debug

##### 功能由左至右為
* 跳出debug模式
* 跳到下一行
* 跳入函式內
* 跳出函式

![](https://i.imgur.com/63tliyV.png)

:::warning
此功能目前還沒有到很好用程度，未來可能會變得比較好用吧 :smile_cat: 
:::

---

:::danger
:fire: The deadline is the day before next week Thursday.
:::
