In order for everything to work for you, you need a server with Nginx installed and Node.JS You will find all the commands in the description under the video Let's start with installing Vue.js client using this command This action is performed from a user with Sudo privileges Installation may take several minutes of time Next action at 00:45 After installation, check the version This is done with the following command The latest version, at the time of the video release is 5.0.8 To create an application, run this command Instead of mivo-app, enter your application name This command is interactive and has several options. In this guide, select the default option In our case, you need to choose Vue 2 Warning: At the time of recording this video, Vuetify does not support Vue.js version 3. If you try to add Vuetify to Vue.js v3, you will get an error Installation may take some time Once the application is created, you will notice that Vue has generated files and directories Now you can go to the directory of the created application To run the application in development mode, run the following command Your output will look like this Once the development server starts, go to localhost:8080 to view the application I go to the IP address and add the port, so you can also do this to get access As you can see, everything works stably In this step, you have created your Vue.js application. Next you will add Vuetify to the project To start adding Vuetify, shut down the development server that you started in the previous step by typing CTRL+C Then run the following command in the application directory This command installs Vuetify using Vue.js client If this question appears, enter Y Select the default configuration from the list of preset parameters (Recommended) We are not interested in other items at the moment After a few minutes, you can start the development server again Start the server with the following command It takes a little time for the server to reboot with a new view Go to localhost:8080 where you can see the app with the new “vuetified” style When you have this output, go to localhost:8080 After the transition, you will see the following Congratulations you have installed Vuetify in your Vue app If you have any questions - leave a comment
