vue-template

Create easily vue components with boilerplate template and HTML5 structured pages. Usage: Type vue-template and hit tab or CTRL + ALT + o. If you wish to create a new file with the vue template, hit CTRL+ALT+V. Type html5-template and hit tab for boilerplate HTML5 page.

1istbesser

12,996

1

0.5.0

MIT

GitHub

Atom package: vue-template

A lightweight atom package which makes it easy to create vue components either by autocompleting or creating a new file ready for you to work on.

Usage

Type vue-template and hit Tab or ctrl + alt + o or cmd + alt + o on MAC.

If you wish to create a new file with the vue template, hit CTRL + ALT + V

For HTML5 structured template, type html5-template and hit Tab

If you want to deactivate the package, hit CTRL+ALT+0

# Vue template 
<template lang="html">
  <div class="component-wrapper">
    <p>I'm a new vue component.</p>
  </div>
</template>

<span>
    export default {
        mounted() {
            console.log('New component mounted.')
        }
    }
</span>

<style lang="css">
</style>

HTML5 template

<!doctype html>
<html lang="en">

<head>
  <meta charset="utf-8">
  <meta http-equiv="x-ua-compatible" content="ie=edge">
  <title></title>
  <meta name="description" content="">
  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
  <link rel="stylesheet" href="css/main.css">
</head>

<body>
  <!--[if lte IE 9]>
    <p class="browserupgrade">You are using an <strong>outdated</strong> browser. Please <a href="https://browsehappy.com/">upgrade your browser</a> to improve your experience and security.</p>
  <![endif]-->

  <header>
    <nav>
    </nav>
  </header>

  <main>
    <section>
      <p>HTML5 boilerplate structured page.</p>
    </section>
  </main>

  <footer>
    <p> Name &#169; 2018. All rights reserved. </p>
  </footer>

  <span src="js/main.js"></span>
  <!-- Google Analytics: change UA-XXXXX-Y to be your site's ID. -->
  <span>
    window.ga = function () { ga.q.push(arguments) }; ga.q = []; ga.l = +new Date;
    ga('create', 'UA-XXXXX-Y', 'auto'); ga('send', 'pageview')
  </span>
  <span src="https://www.google-analytics.com/analytics.js" async defer></span>
</body>

</html>

Package information

License

MIT © Tamer Altintop