---
# System prepended metadata

title: "\U0001F5DE 7/19(一) 每日任務"
tags: [Vue 3 JS 新手夏令營]

---




# 🗞 7/19(一) 每日任務

###### tags:`Vue 3 JS 新手夏令營`

## 題目
 安裝 devTools，並上傳你所看到的資料內容
 
> - 試著安裝 Vue Devtools 這個 chrome 套件：https://chrome.google.com/webstore/detail/vuejs-devtools/ljjemllljcmogpfapbkkighbhhppjdbg
> - 安裝完成後在本地開啟 Vue 專案，並以 chrome 瀏覽器打開專案網頁。
> - 按 F12 ，開啟開發者模式，並選擇 Vue 欄位，已開啟 Vue devTools
![](https://i.imgur.com/YP7RqSj.png)
> - 使用任意 Vue 專案開啟網頁後，在網頁中開啟 Vue Devtools 的畫面並將資料畫面上傳至本次任務，以連結方式提交到投稿區

參考：https://courses.hexschool.com/courses/vue-20211/lectures/30451753

## Vue dev tools 常見問題
這邊也附上 Vue dev tools 的常見問題，若使用上有問題可以參考看看下面建議：

- 需確保當前頁面一定要有 createApp 的程式碼（如果當頁有，可以另開新分頁確認，有時候重新整理也不會顯示）
- Vue 並非使用開發版本（課程中是使用開發版本）
- dev tools 並非對應 Vue 3 的版本，請確認是否使用 dev 版本（兩者僅能擇一開啟）

由於目前介紹的是 Vue3 的版本插件，如果未來需要用舊版的插件
可以從 Chrome 的後台進行切換喔（左邊是 Vue3、右邊則是 Vue2）
![](https://i.imgur.com/S4z9QYC.png)

## 回報流程

圖片截圖後，圖片上傳到 HackMD 後，可以把圖片網址前方 ! 移除，並在 [] 填入自己姓名，就是圖片的連結囉


## 作業投稿區(學員自行投稿)
1. [Ryder 範例投稿](https://i.imgur.com/YP7RqSj.png)
2. [wangshuan](https://i.imgur.com/jBU3bvr.jpg)
3. [Boris Huang](https://i.imgur.com/s5JECbo.png)
4. [AhChao](https://i.imgur.com/Qqyesxh.png)
5. [鏡](https://i.imgur.com/YUY1jo2.png)
6. [Bucky](https://i.imgur.com/jsmRMKK.png)
7. [AnAn](https://i.imgur.com/YvncX7j.png)
8. [phoebe](https://i.imgur.com/o4sYYqp.png)
9. [Morris](https://imgur.com/a/YxsJjq4)
10. [肉鬆](https://i.imgur.com/ekdRXN1.png)
11. [Yu](https://i.imgur.com/6N1EgEN.png)
12. [小韭菜](https://i.imgur.com/ulj8bAs.png)
13. [huanan](https://upload.cc/i1/2021/07/19/xfVXNm.png)
14. [Ryan](https://i.imgur.com/L8lxE9f.jpg)
15. [Tim Chen](https://i.imgur.com/MWQFzqH.jpg)
16. [小艾](https://i.imgur.com/qFEnV1Z.png)
17. [Stanley](https://i.imgur.com/pr5M3X0.png)
18. [Zhao Chen](https://imgur.com/OU7UWds)
19. [佳鈴](https://imgur.com/a/Rlasw7u)
20. [陳sam](https://i.imgur.com/vIeiCc8.jpg)
21. [Kimberly](https://i.imgur.com/k4MbpYN.jpg)
22. [Mag](https://i.imgur.com/zP5g7Li.png)
23. [Erica Chen](https://i.imgur.com/zbroKyS.jpg)
24. [guyu](https://imgur.com/IIKZB9t)
25. [Eric](https://imgur.com/AYhWRnp)
26. [poko](https://i.imgur.com/IPEXpab.png)
27. [curry](https://i.imgur.com/iFGO5VP.png)
28. [yojanni](https://i.imgur.com/HiTwahR.jpg)
29. [JackyYu](https://i.imgur.com/m7bTUdy.png)
30. [詠銓](https://i.imgur.com/5LdHzzQ.png)
31. [Churng](https://hackmd.io/JYNavSaQRr251OmRpqkEKw)
32. [紅茶柚o](https://i.imgur.com/bRqfGcN.png)
33. [Bear](https://imgur.com/a/IgdMGMD)
34. [Mao](https://imgur.com/roQn2V7)
35. [JohnnyChao](https://imgur.com/a/0reN9US)
36. [Chu kuohua](https://i.imgur.com/QHMFGqa.png)
37. [EN](https://i.imgur.com/IHO1hHN.png)
38. [謝佳伶](https://imgur.com/ehMyh5g)
39. [YC Lu](https://i.imgur.com/2QdMCMu.png)
40. [阿丁兒](https://i.imgur.com/2PAeZcW.png)
41. [Gui](https://i.imgur.com/kTvmfHW.png)
42. [Joi](https://i.imgur.com/VyD2Rm8.png)
43. [wei](https://i.imgur.com/ezn0uiF.png)
44. [miku3920](https://i.imgur.com/xGnedxN.png)
45. [Zackaz](https://shorturl.at/fszB6)
46. [宜明](https://i.imgur.com/MN4bCP5.png)
47. [yuyu](https://i.imgur.com/81nk3a6.png)
48. [wj_omg](https://i.imgur.com/X95Ge78.png)
49. [HSY](https://i.imgur.com/vZZLwkm.png)
50. [黃士桓](https://i.imgur.com/3MZGfeJ.png)
51. [SunWei](https://i.imgur.com/xgNipPW.png)
52. [Abby](https://i.imgur.com/qH3wu3k.png)
53. [Shay](https://i.imgur.com/FYEeCxD.png)
54. [Noin](https://imgur.com/8UuOoAe)
55. [annycheng](https://i.imgur.com/b4i8DKM.jpg)
56. [Nap](https://i.imgur.com/IB9GC1X.png)
57. [Pinky Shen](https://i.imgur.com/gLXfGCa.png)
58. [Parsons](https://i.imgur.com/cvphIDN.png)
59. [Chien](https://i.imgur.com/wDu5FnG.png)
60. [shiuanping](https://i.imgur.com/MMVlUkd.png)
61. [yellamoon](https://i.imgur.com/nuSVPSb.png) 我安裝成功vue3插件可是沒有辦法正常使用它的功能 求助 -> 地瓜：同學要不要試試解除再安裝一次然後開新分頁，我也試了好久
62. [Wilson](https://i.imgur.com/lRoxajs.png)
63. [Eva](https://imgur.com/a/zNCYtP4)
64. [Jessy](https://imgur.com/8xrDNHq)
65. [翁偉凌](https://i.imgur.com/aw7vLmS.png)
66. [ALEX](https://i.imgur.com/xWTWGUE.jpg)
67. [Nicole Chang](https://i.imgur.com/a/kFDez1A)
68. [Chiou](https://i.imgur.com/Xd01YQg.png)
69. [Sandra](https://i.imgur.com/lafZcEg.jpg)
70. [weiwei](https://i.imgur.com/XTOxPxN.png)
71. [Saiki](https://i.imgur.com/z5KNq6c.jpg)
72. [Mia](https://i.imgur.com/UwjeYTi.png)
73. [Mobius](https://i.imgur.com/jcA1EeU.jpg)
74. [家妃](https://i.imgur.com/AUIV8QE.png)
75. [Jane Lin](https://i.imgur.com/NlshQyv.png)
76. [Yzba](https://i.imgur.com/T2Odvka.png)
77. [axlrock1021](https://upload.cc/i1/2021/07/19/jKgQrY.png)
78. [D.E.](https://i.imgur.com/nTjPA7o.jpg)
79. [Daisord](https://imgur.com/TOWkl9s)
80. [tony](https://imgur.com/8DA2wlH)
81. [sam.tang](https://i.imgur.com/5n85Oaf.png)
82. [JoanneLin](https://i.imgur.com/MHH0Txv.jpg)
83. [Nat](https://i.imgur.com/yCdnmg0.png)
84. [Kuan](https://i.imgur.com/r7rYFE7.png)
85. [Allen Lin](https://i.imgur.com/k7XeZpH.jpeg)
86. [David](https://imgur.com/a/gZAjtbt)
87. [阿儒](https://i.imgur.com/BhC6yo5.png)
88. [RC](https://i.imgur.com/JI0h8em.png)
89. [Lindsay](https://i.imgur.com/FeSCjYw.png)
90. [a_chieh](https://i.imgur.com/hRHWO0a.png)
91. [LuYing](https://i.imgur.com/7prAedx.png)
92. [Linn](https://imgur.com/a/nK9nRx3)
93. [Alison](https://i.imgur.com/KcWxL93.png)
94. [Ant](https://i.imgur.com/uZ29Yh3.png)
95. [RitaHuang](https://upload.cc/i1/2021/07/20/gTC4Es.jpg)
96. [Nick](https://i.imgur.com/MCsh3J6.png)
97. [yao](https://i.imgur.com/BfJLauR.png)
98. [jennifershih](https://i.imgur.com/sQFVXpZ.png)
99. [AmberCYT](https://i.imgur.com/VmjJZsu.jpg)
100. [Liang](https://i.imgur.com/Ff6OGwf.png)
101. [samuel823](https://i.imgur.com/osDplfv.png)
102. [adam](https://i.imgur.com/vCmWemJ.png)
103. [JC](https://i.imgur.com/8a92uzW.png)
104. [betty](https://i.imgur.com/Pbe5BNP.png)
105. [chris](https://i.imgur.com/ySgFl0C.png)
106. [DD](https://imgur.com/a/0n55iHH)
107. [Shiny](https://imgur.com/qJZBciS.png)
108. [lu](https://imgur.com/a/FnbRA2X)
109. [敬智](https://i.imgur.com/Sehn0zG.jpg)
110. [Lina](https://i.imgur.com/M4vZ0eF.png)
111. [Ryan Yang](https://imgur.com/69kcx1V)
112. [Genos](https://i.imgur.com/QXAVmXi.png)
113. [YSC](https://i.imgur.com/ycfH5q0.png)
114. [AndyWang](https://i.imgur.com/ME84sOD.png)
115. [Kuma](https://i.imgur.com/zuOgYZh.png)
116. [KatieZhao](https://i.imgur.com/1gmsgnI.png)
117. [Limo](https://i.imgur.com/nG5kA95.png)
118. [Joyce](https://imgur.com/f48yVxu)
119. [Ruby](https://i.imgur.com/Iw4ULgF.png)
120. [kennyyun](https://imgur.com/bwP2yJH)
121. [Megan Chen](https://imgur.com/w6stnkt)
122. [Amber_Lin](https://hackmd.io/Cze1h8AISj6_zypyO8zoIQ?view)
123. [kg](https://i.imgur.com/TqmUS8Q.png)
124. [曾魚魚](https://i.imgur.com/cmgRQZW.gif)
125. [JumpBow](https://i.imgur.com/0iSlALz.png)
126. [SinHsieh](https://i.imgur.com/lAuIEe3.png)
127. [Nielsen](https://i.imgur.com/4atJJIK.png)
128. [moitw](https://imgur.com/KQsMKyE)
129. [Link1515](https://i.imgur.com/Muaeiqs.jpg)
130. [來去高雄](https://i.imgur.com/nvLCMvf.png)
131. [Joy Cheng](https://i.imgur.com/QoZ89z4.png)
132. [Kaori](https://i.imgur.com/xfK2WCb.png)
133. [MM](https://i.imgur.com/xxvGNAE.png)
134. [Lina](https://i.imgur.com/Yyc8ObT.png)
135. [Pear](https://i.imgur.com/RnItE2g.png)
136. [Yi-Jung](https://i.imgur.com/omz00mr.jpg)
137. [Choya](https://imgur.com/jKP0jwI.png)
138. [james](https://upload.cc/i1/2021/08/11/Mthj7B.png)
139. [小儀](https://i.imgur.com/gakKU6j.png)
140. [chiakilalala](https://i.imgur.com/s1HP2mY.png)


