Vue.js Is A Very Elegant Front End JavaScript Development Framework

Related image

Using Vue.js is a very pleasant experience. I always loved coding but Vue.js has a very nice and elegant design which makes even the coding feel like artwork. Vue.js can be used inside HTML or inside node.js. I use it in node.js and install it onto the back end using the node.js CLI.

That enables me to be able to work on a project entirely on the computer using a local server and install applications into the project which allows for everything to be in a central location which makes development much easier for me.

First off, go to this link to download node.js and install it onto your computer. Note that you will need to understand HTML, CSS and JavaScript to efficiently use Vue.js.

Next, search node.js command prompt in the search box on your computer and type:

npm install -g @vue/cli

Then, navigate into the directory you wish to use for your new project by using:

cd folder\folder\folder\folder

open a new Vue project by using the command:

vue create projectname

Then, cd into the new project folder which is always in the same location as the code “projectname” in the sample above.

Using Vue.js is not difficult to learn. Many YouTube videos can go in depth on the subject. I used https://skillshare.com to learn Vue.js.

Vue works differently than Angular. Vue.js has everything needed to use a new component inside each component. There is a <template></template> where you can type HTML inside, a <script></script> section where you can code just similar to any standard website using JavaScript, and a <styles></styles> section that allows all the styles to exist in the same component. This makes Vue.js much easier to use than Angular and yet retain the same functionality.

Vue.js allows for installation of popular apps like Hooper and more to enable faster and simpler website development. There is the ability to install HTML pre-processors like Pug (I love this!), CSS pre-processors like LESS and SASS and allows Vue.js specific functions like @click and @v-if functions that improve the development experience. Transitions blocks also exist to allow easy coding of transitions by wrapping an element in a <transition></transition> container. I use it for my fading transitions. To learn more about transitions in Vue.js click this link.

I love Vue.js and strongly recommend it among the many front end development technologies. It definitely creates some beautiful designs.


Daniel Serrano | Owner / CEO + Web Developer / SEO + Digital Marketing Expert

I'm a Professional Web Developer / SEO + Digital Marketing Expert. I do Professional Freelance and B2B and B2C contract work. I am always looking for new opportunities so if interested please feel free to contact me: Website: https://www.ninjawebsitedesign.com/ Phone: 1.862.296.3618 Email: info@ninjawebsitedesign.com

0 Comments

Leave a Reply

%d bloggers like this: