How to Create Free website tutorial 1

 Today I talk about how to create a vue project. so you know VueJS is a JavaScript framework and we have codding inside of App.js file.

It has an HTML file but we are hosting that project we can't run that HTML file because it's run only a JavaScript file.

How to create a VueJS project

Now we look at how to create a VueJS project. First, we need to download NodeJS software. It's comfortable with many OS like windows, Mac, Linux

....etc. So now I chose windows OS because many people use this. After downloading Nodejs we need to install it. After that open the command prompt

and we need to install vue|cli. How do we install vue|cli, first you need to open a command prompt and type npm install -g @vue/cli and run it. after installing

cli you can close the command prompt. Before we create a project we need the location of creating the project.

I create a folder on the desktop and open it. After that, I open a new terminal in that folder and I create a new project. How do I create a project?, previous I was told

to open a new terminal. So open a new terminal I type "vue create project name" and run it. And we can see basic depends in our project. After that, we can see some 

selection options like default1, default 2, and default 3, in that I choose the first one (default 3) and press enter. After that, it takes some minutes to create our project.

How we codding Vue project

previous I told you we can edit and code only the app.js file because another file is not supported by our host and we can't deploy it.

I show some architecture of AppJs.

<!--

Say Hello World with Vue!

-->

<script>

export default {

  data() {

    return {

      message: 'Hello World!'

    }

  }

}

</script>

<template>

  <h1>{{ message }}</h1>

</template>

In that we can codding inside  <template></template> tag only. You can use HTML basic tag and we can change property using inline 

you need to know CSS basic and HTML basic. Another day I will tell you how to get a free domain and free hosting for our vue project.

Download NodeJS