html-css-js-snippets README

Features

This extension includes the following snippets:

HTML

HTML Boilerplate Generates a basic HTML5 boilerplate.

Trigger: html5-boilerplate

html Copy code

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>${1:Document}</title>
    <link rel="stylesheet" href="${2:style.css}">
</head>
<body>
    ${3}
    <script src="${4:script.js}"></script>
</body>
</html>

HTML Comment Block Generates a formatted HTML comment block.

Trigger: html-comment

html Copy code

<!-- 
 ==============
    ${1:Comment}
================
-->

<!--
=======X=========
    ${1:Comment}
=======X=========
-->

CSS CSS Reset Generates a basic CSS reset.

Trigger: reset

css Copy code

- {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  }

ol, ul {
list-style: none;
}

CSS Comment Block Generates a formatted CSS comment block.

Trigger: css-reset-comment

css Copy code

/_
================
${1:Comment}
================
_/

/_
=======X=========
${1:Comment}
=======X=========
_/

JavaScript

JavaScript Function Template Generates a basic JavaScript function template.

Trigger: js-function

javascript Copy code

function ${1:functionName}(${2:parameters}) {
${3:// body...}
}

JavaScript Console Log Generates a console.log statement.

Trigger: js-log

javascript Copy code

console.log('${1:message}');

Requirements

This extension does not have any specific requirements or dependencies.

Extension Settings

This extension does not contribute any settings through the contributes.configuration extension point.

Known Issues

There are currently no known issues. If you encounter any problems, please report them on the GitHub issues page.

Release Notes

Users appreciate release notes as you update your extension.

Initial release of html-css-js-snippets with the following features:

HTML5 boilerplate snippet HTML comment block snippet CSS reset snippet CSS comment block snippet JavaScript function template snippet JavaScript console log snippet

CleanySnips - By AzazDev

AzazDev