- First installation of Node JS
Install node js which is required for rendering javascript.
Install from this url: https://nodejs.org/en/download/ - Some full Instructions:
https://medium.com/js-dojo/getting-started-with-vuejs-for-web-and-native-285dc64f0f0d - Vue installation: https://cli.vuejs.org/guide/installation.html
Vue Installation:
- npm install -g @vue/cli
- or if any issues in installing try this:
![](https://i0.wp.com/computingnotes.com/wp-content/uploads/2022/07/Screen-Shot-2022-07-11-at-7.01.05-pm.png?resize=770%2C48)
- vue –version]
npm list vue
![](https://i0.wp.com/computingnotes.com/wp-content/uploads/2022/07/Screen-Shot-2022-07-11-at-7.01.22-pm.png?resize=336%2C52)
% vue create hellworld
![](https://i0.wp.com/computingnotes.com/wp-content/uploads/2022/07/Screen-Shot-2022-07-11-at-7.03.18-pm.png?resize=413%2C146)
![](https://i0.wp.com/computingnotes.com/wp-content/uploads/2022/07/Screen-Shot-2022-07-11-at-7.09.58-pm.png?resize=473%2C207)
After getting this message, just go to the folder helloworld and run “npm run serve”
![](https://i0.wp.com/computingnotes.com/wp-content/uploads/2022/07/Screen-Shot-2022-07-11-at-7.11.57-pm.png?resize=1024%2C357)
Then if successful, you will see the above message showing “App running at:… “.
Go to the link!
It should show like below.
![](https://i0.wp.com/computingnotes.com/wp-content/uploads/2022/07/Screen-Shot-2022-07-11-at-7.13.52-pm.png?resize=482%2C487)
The folder should look like below:
![](https://i0.wp.com/computingnotes.com/wp-content/uploads/2022/07/Screen-Shot-2022-07-11-at-7.15.01-pm.png?resize=441%2C398)
![](https://i0.wp.com/computingnotes.com/wp-content/uploads/2022/07/Screen-Shot-2022-07-11-at-7.18.51-pm.png?resize=534%2C762)