Setting up a MacBook Pro for Programming — Transcript

Full transcript

1. 0:00this is how I set up my Mac for
2. 0:01development as a full-time computer
3. 0:03science student and software developer
4. 0:05most of the work I do is fullstack web
5. 0:06development so that'll be more of what
6. 0:08this video is geared towards but there
7. 0:09will be apps and tools that I mentioned
8. 0:11that will still be useful for any type
9. 0:13of programming these make my coding
10. 0:15experience more enjoyable and help me to
11. 0:17work more efficiently to start the first
12. 0:19thing I do whenever setting up a new Mac
13. 0:21is clean up my desktop so that it
14. 0:23doesn't get cluttered in desktop and Doc
15. 0:25settings I uncheck show items on the
16. 0:28desktop as having a bunch of files
17. 0:30showing is distracting but more
18. 0:32importantly I often screen share so
19. 0:34don't want any of those to be showing
20. 0:36next this is purely an aesthetic thing
21. 0:38but having a nice wallpaper can make
22. 0:39your development environment look much
23. 0:41better once this is done I start to
24. 0:43clean up my dock first by removing
25. 0:45practically everything off of it and
26. 0:47unchecking shows suggested in recent
27. 0:49apps in the dock I also recently started
28. 0:51to automatically hide it as this
29. 0:53prevents me from getting distracted by
30. 0:55another app I left open but also lets me
31. 0:57go full screen and take advantage of my
32. 1:00entire Ultra wide by default the reveal
33. 1:02animation takes a little bit longer than
34. 1:04I'd like so there's a command you can
35. 1:05run in the terminal that removes the
36. 1:07delay but keeps the smooth animation the
37. 1:10last thing I do is throw the dock onto
38. 1:11the right side which doesn't help with
39. 1:13anything really but I think it looks
40. 1:15good there now Brew is a package manager
41. 1:17for Mac that makes it really easy to
42. 1:19download new apps right from the command
43. 1:21line one app I downloaded recently
44. 1:23through breu is alt tab which gives you
45. 1:25Windows like alt tab Behavior by showing
46. 1:27you a preview of every open window when
47. 1:30you have multiple windows of the same
48. 1:32app they show up here which doesn't
49. 1:33happen by default in Mac OS another
50. 1:35useful app is hidden bar which is a free
51. 1:38and open-source alternative to bartender
52. 1:41which I've used in the past basically
53. 1:43this lets you clean up your menu bar by
54. 1:44only keeping the absolute Essentials
55. 1:46visible and hiding everything else now
56. 1:49getting more into my development setup I
57. 1:51work with Express for all of my side
58. 1:52projects so one of the first things I
59. 1:54need to install is node.js you can
60. 1:56install node via an installer but I
61. 1:58personally use an VM which makes it easy
62. 2:01to swap between versions if needed and
63. 2:03install others quickly next I install
64. 2:05git through Homebrew and om myish with
65. 2:08the curl command on their website once
66. 2:10that's done I created a repo that I can
67. 2:12quickly clone anytime I need to set up a
68. 2:14new Mac this contains my zrc and get
69. 2:17config files so that I don't have to
70. 2:18keep manually creating these there's
71. 2:20also a script in there that I stole from
72. 2:22another video which instantly copies
73. 2:24these files into your max rout directory
74. 2:26so the git config file simply sets my
75. 2:28name and email with the zish file
76. 2:30setting the theme I use along with the
77. 2:32git plugin I also created aliases for
78. 2:34listing files opening files and then a
79. 2:37bunch for git which make it easier to
80. 2:39set up a new repo add an origin commit
81. 2:42push Etc with that General setup out of
82. 2:44the way a few tools and apps that I used
83. 2:47almost daily while developing are really
84. 2:49helpful raycast is the first and this is
85. 2:51at first glance just a quick launcher
86. 2:54SLS Spotlight replacement but as you use
87. 2:56it more you realize just how powerful it
88. 2:59actually is
89. 3:00something I've been getting a lot of use
90. 3:01out of recently with it is clipboard
91. 3:03history practically all day while I code
92. 3:05I'm copying and pasting blocks between
93. 3:08my browser and it makes it incredibly
94. 3:10easy to find lines you copied hours ago
95. 3:12another feature I use while developing
96. 3:14is quick AI just hitting command space
97. 3:16brings up rcast and then tab instantly
98. 3:18enters AI chat this is so convenient to
99. 3:21have and I do find myself using this
100. 3:23more often than Google searches a lot of
101. 3:25the time raycast gets even better though
102. 3:28once you start introducing extension one
103. 3:30of the most recent ones I installed was
104. 3:31Tailwind CSS which lets me instantly
105. 3:34search through all of the utility
106. 3:36classes or find a page in their
107. 3:38documentation I'll usually use postp
108. 3:40when building apis but having the curl
109. 3:42extension is actually a really nice way
110. 3:44to quickly test my routes if you ever
111. 3:47need an SVG icon iconify makes it really
112. 3:50simple to search through a bunch of icon
113. 3:52packs and instantly copy the SVG code
114. 3:54that you can paste aside from AI
115. 3:56everything is completely free but the
116. 3:59one feature that that made me subscribe
117. 4:00to their Pro Plan was cross Mac syncing
118. 4:03this will seamlessly sync all of your
119. 4:04Snippets keyboard shortcuts and
120. 4:06extensions which if you have a separate
121. 4:08Mac for work and personal use is really
122. 4:10useful next for my browser I use ARC and
123. 4:13I switched to it from chrome a few
124. 4:15months ago and haven't looked back the
125. 4:17biggest change is the sidebar that you
126. 4:19can quickly hide with command s to have
127. 4:21a super clean looking window you can
128. 4:23also create separate spaces with
129. 4:25different tabs and accounts for each to
130. 4:28separate your personal and work work
131. 4:29tabs personally I like to have separate
132. 4:32tabs for YouTube work and development as
133. 4:34I have different bookmarks for each now
134. 4:36Arc is built with chromium under the
135. 4:38hood so you have all the Chrome Dev
136. 4:40tools along with the Chrome extensions
137. 4:43but I find that Arc developer mode is a
138. 4:44little easier to use you can quickly
139. 4:46modify the URL access the console
140. 4:49Network Tab and inspect element all
141. 4:51easily at the top of the window in the
142. 4:53top right corner you then have access to
143. 4:55your pinned extensions or can easily
144. 4:57search through the other ones there's a
145. 4:59ton of extensions out there for all of
146. 5:01the niche use cases you may have but
147. 5:04probably the one I get the most use out
148. 5:06of is video speed controller there's a
149. 5:08lot of variations but the one I really
150. 5:10like is called video speed controller
151. 5:12for HTML videos and this lets you set a
152. 5:15keyboard short cut to instantly change
153. 5:17the speed when working on side projects
154. 5:19I like to experiment with fonts so what
155. 5:21font is really useful to have to see
156. 5:24what other sites are using similarly
157. 5:26walizer is a cool tool that allows you
158. 5:28to check the teex stack of other sites I
159. 5:30would mention a Color Picker but this is
160. 5:32actually an extension in raycast that
161. 5:35works across the entire OS now for my
162. 5:37terminal I used to use iterm 2 but
163. 5:40recently switched over to warp and
164. 5:42really like it it has AI built-in which
165. 5:44is great if you forget certain commands
166. 5:46there's a whole chat tab but simply
167. 5:48typing natural language into the command
168. 5:50line will generate an output more often
169. 5:52though I get value from the Smart Auto
170. 5:53completions which are really convenient
171. 5:55tying in with the raycast extension you
172. 5:57can quickly open new tabs or even go
173. 5:59straight to a directory on your machine
174. 6:01the lad of which I use all the time I
175. 6:03made a few changes to warp first being
176. 6:06downloading their themes from GitHub and
177. 6:08enabling warp dark next I lowered the
178. 6:10window opacity and boosted the blur and
179. 6:13finally added a global hot key which
180. 6:15brings up a terminal pin to the top of
181. 6:17my screen you can do this in iterm but I
182. 6:19only found out this was possible a few
183. 6:21days ago and it's been gamechanging next
184. 6:24for my code editor I use vs code which I
185. 6:26open up every time by hitting option V
186. 6:29I've try Jeet brain's idees and do like
187. 6:31them but just find VSS code's nicer for
188. 6:33web development because of how many
189. 6:35useful extensions it has the first few
190. 6:37are purely for Aesthetics but I think
191. 6:39are worth downloading for icons I use
192. 6:41glyph for vs code and then select the
193. 6:43Legacy style along with installing the
194. 6:45material product icons I'm not a huge
195. 6:47fan of super colorful icons so these are
196. 6:50perfect they fit along nicely with the
197. 6:52theme minimal from nichos and together
198. 6:54give my editor a very clean look a lot
199. 6:57of you guys have asked for my theme so I
200. 6:59through links to everything on a notion
201. 7:01page that I left in the description now
202. 7:02the first functional extension I use is
203. 7:04GitHub co-pilot which to be honest only
204. 7:06works well sometimes but when it does
205. 7:09it's something I'm grateful for in my
206. 7:11experience it works the best if you
207. 7:12already have similar code in your
208. 7:14project or are creating a pretty simple
209. 7:16function autor renaming tags is an
210. 7:18extension that's so convenient as having
211. 7:20to go manually change a tag especially
212. 7:23when you have a large code block is a
213. 7:24pain now I type fairly fast but am
214. 7:27constantly making spelling mistakes so
215. 7:29spell Checker is a musthave especially
216. 7:31when you're pushing code to production
217. 7:33with real users whenever I don't use the
218. 7:35curl raycast extension I use Postman
219. 7:37within vs code which is really nice to
220. 7:39have within the editor without requiring
221. 7:41me to go to the browser or an app the
222. 7:43tnd raycast extension is really nice but
223. 7:45having Tailwind intellisense is great
224. 7:47for once the classes are actually in my
225. 7:49project as I can just hover over them
226. 7:51and get a quick preview of the real CSS
227. 7:54there's a lot of times while working on
228. 7:55something that I realize I need to
229. 7:57either fix or add something so I leave a
230. 7:59to-do comment these work fine as you can
231. 8:01search them in the code base but they're
232. 8:03very easy to miss when scrolling by so
233. 8:05to-do highlights solves this problem so
234. 8:07that's how I've been coding on Mac
235. 8:08recently and it's worked really well for
236. 8:10me but if there's something I missed let
237. 8:12me know down below if you found this
238. 8:13helpful watch this video next where I
239. 8:15talk more generally about how I set up
240. 8:17my Mac so it doesn't ruin my life take
241. 8:21care