NodeJs, its package manager, NPM, will be a good helper in linking all the front-end libraries. In the menu File | Settings | Languages & Frameworks | Node.js and NPM, similar to the previous points, you need to specify the path to nodeJs (after specifying it, NPM should automatically connect) JavaScriptĭue to the fact that Vue uses the new ES6 syntax for writing templates, it is necessary in the IDE itself to switch to support for this syntax on the File | Settings | Languages & Frameworks | JavaScript by choosing ECMSScript 6 Laravel setup Therefore, firstly, you need to specify the path to the NodeJs itself, and secondly, you need to configure everything so that the syntax of Vue templates is understandable for the IDE itself. Now, there are some Laravel-related settings left to do.

Now you need to install the Laravel plugin in PHPStorm. Plugins are installed on the File | Settings | Plugins. When it’s installed, a new File | Settings | Languages & Frameworks | PHP | Laravel To search for a plugin, you need to enter laravel in the search barĪND select the Laravel Plugin that interests us, which adds auto-completion in routes, views, configs. To install it, go to the File | Settings | Plugins find Vue and install Connecting the necessary libraries, the last configuration steps On which, you need to check the Enable plugin for this project Setting up VueJsįor VueJs, similar to Laravel, there is also a separate plugin. Now we already have a project to work with. However, there is still no autocomplete methods in routes, migrations, Eloquent, due to the special structure of the framework.

To solve this problem, you need to download the laravel ide-helper library, which will generate additional meta-files for the IDE.

Download phpstorm price