LIST DIRECTORY CONTENTS VUE.JS FULL
LIST DIRECTORY CONTENTS VUE.JS CODE
LIST DIRECTORY CONTENTS VUE.JS FREE

You can see that we have this vue directory then we have the dist, which is the distributed package and this is something that is going to have all the minified code, so this is going to be compressed, it's gonna be very hard to look at.

LIST DIRECTORY CONTENTS VUE.JS CODE

So because Vue's a dependency you can actually go into the Vue source code right here. But let's just come up, actually, let's go all the way to the bottom and let's go take a look at Vue.

LIST DIRECTORY CONTENTS VUE.JS FREE

So you can definitely feel free to open this up and look at it but do not ever change any of these files and I'm going to show you why here in a moment. Each one of these is a package, it's coming straight in from the node package manager, from NPM, and it is giving us some type of functionality. Now if you open this up, you're gonna see that there are literally thousands of files and they're organized into directories.

LIST DIRECTORY CONTENTS VUE.JS FULL

Now the node_modules directory, this directory is incredibly important, this is the full set of dependencies for the application. So it created this little VS code directory here where it gives some settings but that is something that is specific to the editor, we're not going to get into that in this course at all. We're not gonna get into using get in this course so you don't have to worry about that. So starting at the very top, we have our node_modules directory and also if this old warning comes up or it says get repository here, is too big, you can hit just okay, you'll never show again. So I'm gonna start by going top to bottom and then we'll take breaks at spots that it makes sense to take a break. So we have our node modules directory, a public directory, SRC, and then some configuration files. Now I'm not gonna open it up, I'm just going to click open and that's going to bring in all of the files, the directories, everything like that, everything that got generated.ДЄs you're gonna see that provides us with quite a bit of code.

So just navigate to wherever you saved it, I put it in my admin directory in code and then I have this devcamp devworkflow Project. So if you hit command + O then we're gonna open up the project. So I'm gonna use this for this course but if you wanna use Sublime text or VIM or Atom or anything like that you can definitely do that, just don't use Microsoft Word or something. So now let's go into Visual Studio code or whatever code editor that you want to use. I want you to have as much understanding of the Vue framework as humanly possible but no one should have to listen to me for an hour straight so we're not going to keep that video, I'm redoing it. This course is called Dissecting Vue for a reason.

Now, I'm gonna break the next few guides up into a few smaller chunks, I originally filmed this and it was over an hour long to go through the file system. So we know that it's working, we were able to go and play with it in the browser but we haven't really seen the code yet and so that's what we're gonna start doing.

List directory contents vue.js