Vue Js Tutorial Deutsch

Posted on  by admin
  • You must first install Vue.js on Windows or on Windows Subsystem for Linux.
  • Not sure which to use, generally we recommend beginners install on Windows to learn, but professionals install on WSL, see Should I install Node.js on Windows or Windows Subsystem for Linux.
  • Open your command line and create a new directory: mkdir HelloVue, then enter the directory: cd HelloVue.

Install the Vue CLI: npm install -g @vue/cli. Create your Vue app: vue create hello-vue-app. You'll need to choose whether to use Vue 2 or Vue 3 Preview, or manually select the features you want. Open the directory of your new hello-vue-app: cd hello-vue-app. Try running you new Vue app in your web browser: npm run serve. You should see "Welcome to your Vue.js App" on http://localhost:8080 in your browser.

You can press Ctrl+C to stop the vue-cli-service server. If using WSL (with Ubuntu or your favorite Linux distribution) for this tutorial, you'll need to make sure that you have the Remote - WSL Extension installed for the best experience running and editing your code with VS remote server.

Try updating the welcome message by opening your Vue app's source code in VS Code, enter: code .


VS Code will launch and display your Vue application in the File Explorer.