I am anxious to get in to the nitty gritty of development but I'm still in the early stages and need to get these little details nailed down before I can jump in the deep end of learning anything about coding. So I'm still preparing my computer for the inevitable.
Next, I installed VS Code Extensions. I kind of strayed away from the book for this one. John had written a blog post awhile back that was extremely helpful and had a list of all the extensions I needed in one place. <https://medium.com/vuetify/productivity-in-vue-part-1-de56e9c1d97d>
I just went down the list and installed each one.
In other news, I came across this really awesome VS Code cheat sheet for hotkeys and I'm absolutely obsessed with it! <https://code.visualstudio.com/shortcuts/keyboard-shortcuts-windows.pdf> I told John to add it to the book somewhere if he hasn't already.
He can move around VSCode so fast it's insane. #DevGoals! Back in the day, when I was a bank teller at the beginning of my banking career, I was the fastest teller because I memorized all the hotkeys and would almost never touch my mouse. That's seriously my goal here!
Now, lets talk about snippets! I've heard the core team talk about snippets and I smiled and nodded, but today I learned and realized how awesome they are! 😆
Snippets: Blocks of code that are repeatedly used. A snippet is created to streamline blocks of code that are commonly used so that you don't have to repeat yourself and save time. There are apparently devs who have created plug-ins and extensions of snippets but I am going to be using snippets related specifically to Vuetify.
I started typing a code example into VS Code and John noticed that it defaulted to "Plain Text" at the bottom. By clicking the language at the bottom, I was able to change it to Vue, so now VS Code knows I'm writing a Vue file. Minor detail. 🙄 Other wise it thought it was just a text file. 🤷♀️
I typed out an example of a Vue Component's basic structure ^^^ Isn't it a beautiful block of code?? :heart eyes:
From what the book says, we will create countless component files that will look like some form of the code above. So, snippets are used to save time and then expand where the code is defined.
I think I'm really going to like using snippets!
Alrighty! Looks like I'm just about done with chapter one! Woohoo! I installed and configured VS Code, learned some awesome keyboard shortcuts, installed extensions, and learned about snippets! In chapter 2, I get to create a new application 😱
Sounds like Chapter 2 is where it starts to get fun! Or super challenging... I guess we'll see.
Top comments (0)