Getting Started

Set up Master CSS in Vue.js

A quick guide to start using Master CSS in your Vue.js project.

Quick start

1. Create a Vite project

If you don't have a Vite project, create one first. It's recommended to refer Getting Started :

npm init vite@latest project --template vue
cd project

* NPM version < 7, then npm init vite@latest my-vue-app --template vue

2. Installation

npm install @master/css

3. Import

<script setup>
import '@master/css';
</script>

4. Launch server

npm run dev

Hello world

Now, start developing your UI with Master CSS. 🎉

localhost:4200

Hello World

<h1 class="font:40 font:heavy italic m:50 text:center"> 
    Hello World 
</h1>

© Aoyue Design LLC.
Issue on this page
Edited byBenseage