Skip to content
Create a multilingual Single Page Application with Vue
Vue CSS JavaScript HTML
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Type Name Latest commit message Commit time
Failed to load latest commit information.


This is the code repository for the tutorial Create a multilingual Single Page Application with Vue. The tutorial will show you how to create a single page application with internationalization support, using Vue and the Vue-I18n internationalization plugin.

Tutorial goals

  • Create an internationalized application that supports different languages.
  • Ability to switch from one language to another within any page of the application.
  • Ability to add new supported languages with a minimum impact on the application code.
  • Allow translators and/or contributors to manage the language files, separated from the application base code.

Demo page

Project setup

vue create vue-multilingual
cd vue-multilingual

Install vue-router

npm install vue-router --save

Install the internationalization plugin

npm install vue-i18n --save

Install additional libraries

npm install -D less less-loader

Run the project in localhost:3400

npm run serve


You can’t perform that action at this time.