@supershift/mediakiwi-vue

Front-End Development Setup

Introduction

There are two front-end projects that you'll need to get up and running.

• Sushi.MediaKiwi.Vue
• Sushi.MediaKiwi.SampleWeb

Stack & Tools

• Node v18.13.0
• Npm v8.19.3
• Azure Core Functions Tools
• VS Code
• Volar (VS Code Extension)
• TypeScript Vue Plugin (VS Code Extension)
• Prettier (VS Code Extension)
• ESList (VS Code Extension)

Useful tools

• Npm Intellisense (VS Code Extension)
• Document This (VS Code Extension)

Setup the Sushi.Mediakiwi.Vue library

Install the dependencies:

Install the dependencies for all projects by running the install command from the root of the repository. The postinstall script will install the node_modules on the sub projects.

npm install

Build the library

Build the Sushi.MediaKiwi.Vue library once or keep a watch going. This will create the /dist folder.

# Sushi.MediaKiwi.Vue
npm run build

# or

# Sushi.MediaKiwi.Vue
npm run build:watch

Link your local build

Use the npm link command in the Sushi.MediaKiwi.Vue folder to use your local codebase of Sushi.MediaKiwi.

# Sushi.MediaKiwi.Vue
npm link @supershift/mediakiwi-vue

Check if the link was made successful by running the following command.

# Sushi.MediaKiwi.Vue
npm ls -g --link=true

# Output: @supershift/mediakiwi-vue@0.0.x -> [local_path]\Sushi.MediaKiwi2\src\Sushi.MediaKiwi.Vue