---
title: "Discussion on \"Generate a Vue component using Plop\" | Hashnode"
description: "Discussion on \"Generate a Vue component using Plop\". Plop is a handy tool for code generation. It uses Handlebars under the hood alongside some provided Handlebars helper functions. \nBy using a code generation tool like plop, you can avoid writing tedious boilerplate code and be productive right away. ..."
url: "https://hashnode.com/posts/generate-a-vue-component-using-plop/5f67d8ce6dfc523d0a89415b"
---

[Feed](https://hashnode.com/feed) /

Discussion

# [Generate a Vue component using Plop](https://blog.tinaciousdesign.com/generate-a-vue-component-using-plop?utm_source=hashnode&utm_medium=feed)

Plop is a handy tool for code generation. It uses Handlebars under the hood alongside some provided Handlebars helper functions. By using a code generation tool like plop, you can avoid writing tedious boilerplate code and be productive right away. ...

Sep 20, 2020 · 4 min read · blog.tinaciousdesign.com  
Updated Dec 1, 2020  
Read the article

-   [#vuejs](https://hashnode.com/tag/vuejs)
-   [#nuxt](https://hashnode.com/tag/nuxt)
-   [#javascript](https://hashnode.com/tag/javascript)
-   [#productivity](https://hashnode.com/tag/productivity)

## Written by

[Tina Holly](https://hashnode.com/@tinaciousdesign)

@tinaciousdesign · Canada

  
[View profile](https://hashnode.com/@tinaciousdesign)

👩🏻‍💻 Full Stack Software Developer

Hi, my name is Tina! I am a Full Stack Software Developer and Tech Lead from Canada. 🙋🏻‍♀️

## Responses 1

Markdown supported · ⌘↵ to post

[Peter Thaleikis](https://hashnode.com/@spekulatius)

[Sep 21, 2020](https://hashnode.com/posts/generate-a-vue-component-using-plop/5f67d8ce6dfc523d0a89415b/comment/5f690db66dfc523d0a894fce)

Neat, thanks for sharing!