https://github.com/carlodevil/vue-cdn-template

A Vue and TailwindCSS cdn template.
https://github.com/carlodevil/vue-cdn-template

tailwindcss vue3

Last synced: 3 days ago
JSON representation

A Vue and TailwindCSS cdn template.

• Host: GitHub
• URL: https://github.com/carlodevil/vue-cdn-template
• Owner: carlodevil
• Created: 2020-10-31T21:11:16.000Z (about 4 years ago)
• Default Branch: master
• Last Pushed: 2021-03-31T17:40:27.000Z (over 3 years ago)
• Last Synced: 2023-08-10T19:13:16.380Z (over 1 year ago)
• Topics: tailwindcss, vue3
• Language: HTML
• Homepage:
• Size: 7.81 KB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Vue CDN Template

This repo contains a boiler-template for minimal Vue and TailwindCSS web applications.

It is perfect for testing and prototyping purposes.

## Adding the template as a user snippet to VS Code

This template can be used as a user snippet for html files in VS Code. In order to add the snippet, follow these steps:

1. On MacOS, click on Code > Preferences > User Snippets

1. Click on 'html'

1. Add the following script:

```json

{

	"Vue3 TailwindCSS Boilerplate": {

	"prefix": ["vuetail", "vue-tail", "vue-tailwindcss"],

	"body": [

		"",

		"",

		"\n",

		"\t",

		"\t",

		"\tTemplate",

		"\t",

		"\t",

		"\t",

		"",

		"\n",

		"\t
",

		"\t\t",

		"\t
",

		"\t",

		"\t\tconst App = {",

		"\t\t\t//App Data Here",

		"\t\t}",

		"\t\tconst app = Vue.createApp(App)",

		"\t\t//Your Components Here",

		"\n\t\tapp.mount('#app')",

		"\t",

		"",

		"\n\n"

		

	],

	"description": "A Vue 3 and TailwindCSS CDN template."

	}

}

```


4. Save snippet

You will now be able to call the code snippet in VS Code by typing *vuetail*, *vue-tail*, or *vue-tailwindcss* and clicking enter.