Vuejs is by far the most popular JavaScript framework nowadays. So, if you want to build an appealing and brilliant web application, definitely you should learn Vue. Also, it’s becoming more popular day by day. The job opportunities are a lot for this framework. Besides, they have a community of great and active people who can help you in anytime. So, Vue-CLI is one of the many features of Vue. One of the most common problems that beginners face is how to install and configure it. Furthermore, you will learn how to solve Vue command not found error step by step with an example.

1. What’s Vue-CLI?

In the first place, you must know what’s Vue-CLI? Shortly, Vue-CLI let you install Vue applications or templates with the command line. For instance, when you install Laravel, you use a command line, so, the same case with Vue.

2. How to install Vue-CLI

To install Vue-CLI, you must have Nodejs and Git installed on your system. So, if you don’t have Nodejs, just go to their website and download the current version.

Install Vue-CLI with the following command

npm install -g vue-cli

It will install Vue-CLI globally, which according to the documentation when you install any NPM package globally, you can access it through the command line.

Open your command line and run the following command.

vue init webpack my-project

The above command normally installs a demo project form Webpack, but you should get an error.

Or your error might be list Vue command not found.

How to Solve Vue command not found

In order to solve this problem, you should add the Vue path to your environment variable manually. So, here is how you can do that.

• Press Win + R
• Type “control sysdm.cpl,,3” and press enter
• Press N to open environment variables.
• Select the path and click Edit.
• Click new to add a new path.
• Paste the path to NPM folder in your AppData.
• Click OK for all windows and you are done.

NPM path is normally in the following folder. Just change your username on your system.

C:\Users\UserName\AppData\Roaming\npm

Your show hidden files option must be on the view this files.

You are done now. So, this time if you open the command line and type the following command, it should install the Webpack demo template in the current directory.

vue init webpack my-project

After installing, you can run the following command to open the project in the browser.

npm run dev

So, it will run a server in the following URL

http://localhost:8080/#/

Conclusion

All in all, it was that easy. Besides learning what’s Vue-CLI, you learned how to install it from the command line. So, if you have any questions or problems related to how to solve Vue command not found, feel free to comment it below.

The post How to Solve vue Command not found on Windows? appeared first on TECHNIG.

As a programmer and developer, you need the best editor with ease of use and useful features. So, we have collected the top 7 best free code editors for programmers. These editors are the most popular and most wanted among developers and web designers. While most of these editors are free but they do more than premium editors.

7 Best Free Code Editors

Below is the list of best free code editors:

1. Visual Studio Code
2. Sublime Text 3
3. Atom
4. Brackets
5. Vim
6. Notepad++
7. Coda

1. Visual Studio Code

The number one best and free code editor. So, it’s by Microsoft, free and open source. Besides VS Code is a new type of tool that combines the simplicity of a code editor with what developers need for their core edit-build-debug cycle. Besides, the code provides comprehensive editing and debugging support, an extensibility model, and lightweight integration with existing tools. Furthermore, it’s cross-platform, and the team behind it brings monthly updates with new features and bug fixes. It’s like an IDE.

2. Sublime Text 3

Favorite code editor of all developers. It’s the fastest and lightest code editor of all the time. It’s a proprietary cross-platform source code editor appealing UI interface. Further, Sublime natively supports many programming languages and markup languages, and functions can be added by users with plugins, typically community-built and maintained under free-software licenses. So, if you want a fast editor, it’s the best choice.

3. Atom

Built with HTML5 technology, open source, free and cross-platform. Also, it’s easy to customise and style Atom, and you can tweak the look and feel of your UI with CSS/Less and add major features with HTML and JavaScript. Additionally, Atom is a desktop application built with HTML, JavaScript, CSS, and Node.js integration. It runs on Electron, a framework for developing cross-platform apps using web technologies.

4.Brackets

A modern, open source text editor that understands web design. Besides, it’s by Adobe and an advanced text editor that makes it easy to design in the browser, crafted from the ground up for web designers and front-end developers. Also, Brackets is an open-source project, supported by an active and passionate community. It’s made by other web developers like you

5.Vim

A very extendable and fast code editor. Although Vim originally released for the Amiga, it has since been developed to be cross-platform, supporting many other platforms. Beyond that, in 2006, it was voted the most popular editor amongst Linux Journal readers. After that, in 2015 the Stack Overflow developer survey found it to be the third most popular text editor. So, it’s a bit hard to start getting comfortable with this editor, but once you learn it, you can grow incredibly fast.

6. Notepad++

Windows user knows it well. So, it’s Notepad++ which distributed as free software, at first, the project hosted on SourceForge.net, from where it has been downloaded over 28 million times. Further, It’s written in C++ and uses pure Win32 API and STL which ensures a higher execution speed and smaller program size.

7. Coda

The last but not least, it’s Coda and originally built for Mac users. Coda is a commercial and proprietary web development application for macOS by Panic. So, Coda released on April 23, 200. Apple design award winner in 2007 for best User Experience

Conclusion

As we mentioned, most of these editors are free, and they do more than premium software. We hope it has been informative for you. Feel free to share your idea below about your favourite editors.

The post Top 7 Best Free Code Editors For Programmers appeared first on TECHNIG.

Coding, learn web development, and startup entrepreneurs are hot topics in today’s business landscape. Whether you want a career change, to start your own business, or just to learn something new, web development provides the tools. Learning web development offers you the freedom to create your own career path and find new opportunities in almost any field.

See what the buzz is about for yourself with some reasons you should learn web development!

Read this article too:-  5 Tools that Every WordPress Developer must be aware of.

Learn Web Development

Lots of Jobs

Right now, there are more than enough coding jobs for programmers. By the year 2020, coding jobs are expected to grow by 20 per cent. This means that you won’t just have job security, you’ll have the opportunity to choose the type of work that suits you best.

Flexible Work Hours

As long as you get the work done, you can choose the number of hours you need to work and where you want to work. Many web developers are strictly freelance, and can still maintain a steady stream of income. When all you need is a laptop, you can code from anywhere!

Low Barrier to Entry

With some motivation, a laptop, and internet access, you can connect to a whole different world that gives you the opportunity to create your own successful future. You can literally go to Starbucks, connect to their WIFI, and start building something! Once you know how to code, you can launch any product you can think of.

It’s Fun

With the never-ending possibilities of what your imagination can create, you can bring anything alive with code. You’ll be able to experience the enjoyment of working on a project together with a team. And, if you decide to let others use the software you create, you’ll be able to feel the pride of seeing your work utilized.

Learn Something New

Coding is hard, but it’s learnable. Challenge yourself! By understanding the elements of web development, you’ll be able to “look under the hood” of any website and see how certain things were created. For example, you’d be able to see how a site coded their image slider by looking at their source code. At the end of the day, you’ll be proud of yourself for having highly valuable skills that you can use throughout life.

Understand how computers work

One of the perks of knowing how to code is being able to understand how the web and computers work. This is a crucial skill to have especially in today’s world since code controls the computers, phones, and software you use every day!

We offer a variety of courses to get started in code and even more for intermediate developers. See our current class listing for details. You can CONTACT  US here to obtain the Address of Classes or Visit our FORUM for more Tutorials and classes information.

The post Everyone Need to Learn Web Development Until 2030 appeared first on TECHNIG.

Here is the 5 WordPress Tools For Developers. WordPress is fast, lightweight, and easy to use Content Management System. As a developer while developing for WordPress we frequently get into situations that call for specialized plugins and tools to make our lives easier. Creating a theme from scratch, importing test posts, regenerating images, automation of WordPress re-installation, testing your theme, creating options pages and a lot more…

In this article I’ll showcase 5 WordPress tools for developers that will help your development process faster.

5 WordPress Tools For Developers

1. Underscores

Underscores is actually a fully-functioning theme devoid of any additional features – or styling for that matter. It covers all the bases so you don’t have to. The 404 page is there, the comments page is fully coded, headers, footers, sidebars – the lot. Simple you give your theme a name and underscores will generate necessary files for your theme.

By using Underscores you can focus on what really matters: creating a unique product and a great experience for your users.

2. wpthemedetector

WordPress Theme Detector is a free tool that allows you to find all the details about the WordPress theme and plugins currently being used by a site. Make sure the site is using WordPress, otherwise it can’t detect which theme for plugin the site is using.

3. Generatewp

Coming to the third of 5 WordPress tools for developers. The easiest and the fastest way to create custom and high quality code for your WordPress project using the latest WordPress coding standards and API’s. Although it is not completed yet, you can use it to generate your plugin or theme code. Additionally you can save your code if you have created account here.

4. RTL Tester

The forth of 5 WordPress Tools For Developers is RTL. RTL is not important, right? After all, how many people use it? Well it turns out, quite a lot. I can’t say I’m a linguistics expert but if you just look at Arabic, it is the fifth most spoken language used by over 200 million people. Arabic is just the largest group a whole host of other languages use right to left script.

If this weren’t enough, RTL support is just so easy to add there really is no excuse for excluding over 200 million people from enjoying your product. The only difficulty is simulating an RTL environment, but RTL Tester comes to the rescue. With a handy button in the toolbar you can switch from LTR to RTL.

5.Theme Check

The fifth of 5 WordPress Tools For Developers is Theme Check that is a must have WordPress tool for every theme developer. Even if you have many themes under your belt, are you absolutely sure you have no hidden files in there? Are you sure there’s no .svn folder? Are all the stylesheet tags from the official list? Have you implemented all required features? There aren’t any depreciated functions and you’re not using bloginfo('url') are you?

Theme Check looks over your shoulders and makes sure that anything that can be automatically checked is checked. While it doesn’t replace unit tests and user testing it’s a great tool for conforming to submission guidelines and best practices.

Conclusion

I’d love to hear some of your favorite plugins, tips, tricks and insights. Please share in the comments below and I will add to these list of 5 WordPress Tools For Developers. I hope it have been informative for you and speed up your WordPress development process.

The post 5 Tools that Every WordPress Developer must be Aware of appeared first on TECHNIG.