Yes, tooling does not get the job done, but it will get it done efficiently. From the code editor of choice to bundling engine, the right choice will always save you few hours and make you a better engineer.
Let's explore some of the tools!
VS Code has excellent support for Vue. An interesting feature is that it supports Vue natively. So there is no need to use a plugin for
.Vue extension syntax highlighting. Webstorm is as nice as VS Code but it's not a free tool.
Table of Contents
There is a comprehensive course on Scotch that helps with everything you need to know about Vs Code.
Sublime is also very popular and if you choose to use it, you can get started here
Vue provides a CLI tool known as Vue-CLI. Rather than manually create starter folders and setup configurations, you can employ the Vue CLI tool which enables you to create Vue projects using different templates by executing CLI commands.
[webpack]() is a code bundling tool that allows you to write organize assets (HTML, CSS, JS, Images) the way you prefer but bundles them into a single/multiple minified file(s). This improves performance because the files served to the browser are minified and improved.
webpack automates this bundling process. Therefore, with your configuration done right (which the helpful Vue CLI does for you), you don't have to worry about the bundling process.
We just discussed the obvious tools that we will encounter while getting started. Along the line building our example app, we might encounter more. When we do, we will discuss what they are before using them.