MyProject Docs

Quickstart Guide

Welcome to MyProject! This guide will walk you through creating your first project in less than 5 minutes.

1. Install the CLI

npm install -g myproject-cli

2. Create a New Project

myproject init my-first-app

This command scaffolds a new project with a default directory structure.

3. Run the Development Server

cd my-first-app
myproject dev

The app will be available at http://localhost:3000. Open it in your browser to see the starter template.

4. Add a Simple Component

Create src/components/HelloWorld.vue:

<template>
  <div class="hello">Hello, World!</div>
</template>

<script>
export default {
  name: 'HelloWorld'
}
</script>

<style scoped>
.hello {
  font-size: 2rem;
  color: var(--primary);
}
</style>

Then import and use it in src/App.vue:

<template>
  <HelloWorld />
</template>

<script>
import HelloWorld from './components/HelloWorld.vue'

export default {
  components: { HelloWorld }
}
</script>

5. Build for Production

myproject build

The optimized static files will be placed in the dist/ folder, ready for deployment.