1. vue-cli-plugin-pug
Vue CLI 3 plugin to add pug templating to your components and compilation of .pug template files
vue-cli-plugin-pug
Package: vue-cli-plugin-pug
Created by: jaeming
Last modified: Mon, 23 May 2022 13:06:36 GMT
Version: 2.0.0
License: MIT
Downloads: 19,446
Repository: https://github.com/jaeming/vue-cli-plugin-pug

Install

npm install vue-cli-plugin-pug
yarn add vue-cli-plugin-pug

vue-cli-plugin-pug

npm version
Vue CLI 3 plugin to add pug templating to your components and compilation of .pug template files

Getting Started

Either add the plugin from the vue ui interface, or run the following in your Vue-cli 3 project:

 vue add pug

You can now start using pug templates in your components:

 <template lang='pug'>
  div
    h1 Hello World!
</template>

The plugin will also convert .pug files to html, so you can add entries to vue.config.js and get a (build) output file of ./dist/public/index.html:

 module.exports = {
  pages: {
    index: {
      entry: './src/main.js',
      template: './src/index.pug'
    }
  }
}

RELATED POST

10 Must-Know Windows Shortcuts That Will Save You Time

10 Must-Know Windows Shortcuts That Will Save You Time

Arrays vs Linked Lists: Which is Better for Memory Management in Data Structures?

Arrays vs Linked Lists: Which is Better for Memory Management in Data Structures?

Navigating AWS Networking: Essential Hacks for Smooth Operation

Navigating AWS Networking: Essential Hacks for Smooth Operation

Achieving Stunning Visuals with Unity's Global Illumination

Achieving Stunning Visuals with Unity's Global Illumination

Nim's Hidden Gems: Lesser-known Features for Writing Efficient Code

Nim's Hidden Gems: Lesser-known Features for Writing Efficient Code