Skip to content
A Vue.js example application for demos.
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
client
docs/images
script
server
.editorconfig
.gitignore
README.md
vue-example.code-workspace

README.md

Vue.js Example Application

This application is a starting point application for demos. It is based on the Vuejs 2 Authentication Tutorial created on the Auth0 blog.

Vue Example

Getting Started

  1. Install Visual Studio Code, the Insiders Edition is highly recommended.
  2. Ensure you have vue and nodemon globally installed npm install -g @vue/cli nodemon
  3. Clone the repository git clone https://github.com/NotMyself/vue-example.git
  4. Change directory into the cloned repository cd vue-example
  5. Open the workspace code vue-example.code-workspace
  6. Open the integrated terminal in code Ctrl+`
  7. Run the init script ./script/init
  8. Run the start script ./script/start

This will start both the backend server and the front end client. To quit use Ctrl+C.

Suggested Code Extensions

This project has a set of suggested extensions for Visual Studio Code. They are intended to make the development experience on the code base easier.

  • dotENV - .env syntax highlighting
  • ESLint - Integrates ESLint into VS Code
  • Import Cost - Show the file size cost of your imports
  • Prettier - Code formatter - VS Code package to format your JavaScript / TypeScript / CSS using Prettier.
  • Vetur - Vue tooling for VS Code
  • REST Client - REST Client allows you to send HTTP request and view the response in Visual Studio Code directly.

Editor Settings

This project has a set of editor settings for Visual Studio Code. They are related to the suggested extension and wire up some automated code formatting.

{
  "[javascript]": {
    "editor.formatOnSave": true
  },
  "prettier.eslintIntegration": true,
}

Combined these settings will cause the prettier code formatter to run on save as well as configure prettier to respect eslint defined rules.

Testing the API

You can open the example.http file in the server directory to test the api with rest-client. If you accepted the workspace suggested extensions, it should already be installed.

Simply, click the Send Request link above the API call you want to make.

Rest Client Usage

You can’t perform that action at this time.