The Default Vue Project
After you have completed creating a project, your Vue UI Vue Project Manager page will show your project (it may be the only project, the example below has many).
You will also see it in your file folders:
If you downloaded Atom or VSCode open whichever one you use:
Open the File menu, and click "Add Project Folder":
Find the project's folder in your files, and click "Select Folder" to add it to Atom. After you do, you will see all of the files in the project that was created by Vue CLI along the left side in Atom.
Here you can see that the default project created by Vue CLI has a number of folders and files.
In the Vue UI, double click on the project name to enter it:
On the left, click on "Tasks." In the middle column, click "serve." To the right, click "Run task":
It will take about a minute to build. It will update you while it builds so you can see it going:
Click on the "Output" tab to see instructions on how to visit the app that it built and is serving:
Go to localhost:8080 to see the default app that it built:
