[Pre Lab] Session 8.1: Installing Node.js, NPM, and creating a Vue.js project
1. Download and install Node & NPM (https://nodejs.org/en/)
2. After installing them, check their versions in the command line to make sure they were successfully installed:
> node --version > npm --version
3. To use npm for creating Vue projects, you need to install Vue globally. This can be done by using:
> npm install -g @vue/cli
4. Now, we can create a new Vue project. Navigate to the location where you want to create your project. Then, you can use the following command, but do not forget to replace "[project name]" with a name for your project.
> vue create [project name]
5. If you choose Manual installation, in the "Manually select feature", choose the following:
… (*) Babel (*) Router …
6. Choose a version of Vue.js that you want to start the project with
3.x
7. Use history mode for the router (..)?
Yes
8. Where do you prefer placing config for ….
In dedicated config files …
9. When the installation is over, navigate to the newly created project (> cd project name). Then, you can run your newly created application
> npm run serve
10. You will be provided with the address/port where your application is running (Should be http://localhost:8080/), just open it in your browser and you should see the application.