Giter Site home page Giter Site logo

sidthesloth92 / vsc_html5_boilerplate Goto Github PK

View Code? Open in Web Editor NEW
46.0 7.0 54.0 1.22 MB

This is a Visual Studio Code snippet extension for generating HTML 5 boilerplate code

Home Page: https://marketplace.visualstudio.com/items?itemName=sidthesloth.html5-boilerplate

License: MIT License

html vscode-extension vscode-snippets vscode snippet boilerplate front-end hacktoberfest

vsc_html5_boilerplate's Introduction

README

All Contributors

Visual Studio Code HTML Boilerplate

This extension provides the standard HTML boilerplate code used in all web applications.

Usage

Type 'html5-boilerplate' in an HTML file and select the snippet from the auto suggestion dropdown to get the HTML boilerplate.

alt text

Installation

  1. Install Visual Studio Code 0.10.1 or higher
  2. Launch VS Code
  3. Launch the command palette by using Ctrl-Shift-P (Windows, Linux) or Cmd-Shift-P (OSX)
  4. Type in Install Extension and select 'Extensions : Install Extensions'
  5. Type HTML5 Boilerplate
  6. Choose the extension from the drop down
  7. Reload Visual Studio Code

Usage

  1. Create a new document
  2. Set the language mode to html
  3. Type html the auto-complete option for html5-boilerplate shows. Select it to generate the boilerplate

Contact

If you have any issues report them at Issues

Source

Github

Contributors ✨

Thanks goes to these wonderful people (emoji key):


Dinesh Balaji

πŸ’»

R. Andrei Romero Alvarez

πŸ’»

This project follows the all-contributors specification. Contributions of any kind welcome!

vsc_html5_boilerplate's People

Contributors

allcontributors[bot] avatar cramhead avatar romxz avatar sidthesloth92 avatar theel0ja avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar

vsc_html5_boilerplate's Issues

Use boilerplate on a php file

I have an issue where you cannot run the html5-boilerplate command on a PHP file, it would be nice to still utilize the boilerplate on a PHP file even tho it's a completely separate file type.

If it's me being a doofus let me know and I can fix any local issues on my end.

Thanks

New Templates

Hi, thanks for the awesome plug-in! Is there a way we can add our own templates?

Nothing is happening....

I've installed it, loaded it, reloaded - everything you've said and I'm getting zip. i have this installed on my other lappy and it works just fine. I don't know if this is an update or what but it isn't working :/

HTML5 Bolierplate

Hi! Thank you for your efforts and the handy shortcut. If there was a way to add standard CSS link to the boilerplate would be very helpful.

Thanks in advance

HTML

πŸš€ Feature Request

πŸ“ Description

✨ Describe the solution you'd like

✍️ Describe alternatives you've considered

Html tag is never opened.

<title></title>
    <script src="" async defer></script>
</body>
this is what is generated (you can't see most of it because apperantly github does not know how to handle text in a safe manner. I see a </html> tag but no <html>. This is extremely annoying because even though it works without the tag, some extension i use wont work unless there is an html-head-body structure. I manage to keep forgetting this and spend +-15min every time a problem like this occurs troubleshooting. I've had this happen with 5 extensions now. Please resolve this simple issue

Unknown language in `contributes.html5-boilerplate.language`

Hi

I installed the html5-boilerplate. But I am getting the following messages in the Runtime Status.

Unknown language in contributes.html5-boilerplate.language. Provided value: njk
Unknown language in contributes.html5-boilerplate.language. Provided value: django-html

Please help to fix the issue so that I can use the extension in the VS Code.

Thanks

Not getting auto generation

Hi Team,

I'm a new bee to visual studio and trying to do HTML. I installed plugin even after I couldn't get auto-detection? my boilerplate is enabled in visual studio file extension is also ends with .html.

After installation, completion not being offered

I'm using a freshly installed version of VSC: 1.41.1 on linux.

After installing the extension and restarting VSC, completion for the boilerplate is not being offered.

I open a new file, save it with an .html suffix and start typing 'html5-boilerplate'.
Emmet completions are offered for the string 'html', but nothing is offered for 'html5-boilerplate'.

Outdated?

Hi there, nice little extension.
Is it meant to be simple or is it now outdated?

See here is what I did (test) = your extension vs. latest boilerplate (index): http://recordit.co/PSElR5EYS8

Ability to edit boilerplate?

Hi! First I want to say thanks for access to such a helpful extension! I have one small problem. I'd like to change what is being loaded by default. Is there any way to make a slight edit to the boilerplate code?

Thanks!

Adding HTML biolerplate for bootstrap (HTML5: bootstrap)

πŸš€ Feature Request

πŸ“ Description

Currently we do not have a way to add the boilerplate for bootstrap. Can we add this feature as well, and update it as and when we have new stable version release from bootstrap.

✨ Describe the solution you'd like

please consider the below HTML boilerplate code for bootstrap

<!doctype html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Bootstrap demo</title>
    <link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-GLhlTQ8iRABdZLl6O3oVMWSktQOp6b7In1Zl3/Jr59b6EGGoI1aFkw7cmDA6j6gD" crossorigin="anonymous">
  </head>
  <body>
    <h1>Hello, world!</h1>
    <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-w76AqPfDkMBDXo30jS1Sgez6pr3x5MlQ1ZAGC+nuZB+EYdgRZgiwxhTBTkF7CXvN" crossorigin="anonymous"></script>
  </body>
</html>

✍️ Describe alternatives you've considered

do not have any thoughts on alternate solutions at this point

not working..

Issue Type: Bug

even it showing anything. it is looking like notepad. waste of time.

Extension version: 1.0.3
VS Code version: Code 1.43.0 (78a4c91400152c0f27ba4d363eb56d2835f9903a, 2020-03-09T19:47:57.235Z)
OS version: Windows_NT x64 10.0.18362

System Info
Item Value
CPUs Intel(R) Core(TM) i7-8550U CPU @ 1.80GHz (8 x 1992)
GPU Status 2d_canvas: enabled
flash_3d: enabled
flash_stage3d: enabled
flash_stage3d_baseline: enabled
gpu_compositing: enabled
multiple_raster_threads: enabled_on
oop_rasterization: disabled_off
protected_video_decode: enabled
rasterization: enabled
skia_renderer: disabled_off_ok
video_decode: enabled
viz_display_compositor: enabled_on
viz_hit_test_surface_layer: disabled_off_ok
webgl: enabled
webgl2: enabled
Load (avg) undefined
Memory (System) 7.89GB (2.14GB free)
Process Argv
Screen Reader no
VM 0%

[Request] Publish extension on open-vsx.org

πŸš€ Feature Request

πŸ“ Description

Your extension is only on MS' official extension gallery, which any forks of VSCode cannot use due to MS' Terms of Service.

We at Coder currently have your extension manually added to our internal extension gallery for use with code-server, but we're currently working on migrating to Open VSX. Many other forks and distributions use Open VSX too - including Gitpod, VSCodium, and Arch Linux's Code-OSS builds.

✨ Describe the solution you'd like

We'd really appreciate it if you can add your extension to open-vsx! A simple guide on publishing extensions to Open-VSX is available here.

✍️ Describe alternatives you've considered

If this is not possible - we could consider adding your extension via the open-vsx CI, but since it would be publicly modifiable, it may present a security risk for extensions.

Extension host crash

Issue Type: Bug

Causes the host to crash unexpectedly

Extension version: 1.1.1
VS Code version: Code 1.65.1 (Universal) (8908a9ca0f221f36507231afb39d2d8d1e182702, 2022-03-08T02:20:11.670Z)
OS version: Darwin x64 17.6.0
Restricted Mode: No

System Info
Item Value
CPUs Intel(R) Core(TM) i5 CPU M 540 @ 2.53GHz (4 x 2530)
GPU Status 2d_canvas: unavailable_software
gpu_compositing: disabled_software
metal: disabled_off
multiple_raster_threads: enabled_on
oop_rasterization: disabled_off
opengl: disabled_off
rasterization: disabled_software
skia_renderer: disabled_off_ok
video_decode: disabled_software
webgl: unavailable_software
webgl2: unavailable_software
Load (avg) 4, 6, 5
Memory (System) 8.00GB (0.25GB free)
Process Argv -psn_0_335954
Screen Reader no
VM 0%
A/B Experiments
vsliv368cf:30146710
vsreu685:30147344
python383:30185418
vspor879:30202332
vspor708:30202333
vspor363:30204092
pythonvspyl392:30443607
pythontb:30283811
pythonvspyt551cf:30345471
pythonptprofiler:30281270
vshan820:30294714
vstes263:30335439
vscoreces:30445986
pythondataviewer:30285071
vscod805cf:30301675
pythonvspyt200:30340761
binariesv615:30325510
bridge0708:30335490
bridge0723:30353136
vsaa593cf:30376535
vsc1dst:30438360
pythonvs932:30410667
wslgetstarted:30449410
vsclayoutctrt:30448491
dsvsc009:30440023
pythonvspyt640:30450168
vsbas813:30436447
vscscmwlcmt:30438805
vscgsvid1:30447480
helix:30440343
dockersurvey3:30446832
pynewfile477cf:30450039

error in running extension HTML5 Boilerplate

Unknown language in contributes.html5-boilerplate.language. Provided value: njk
Unknown language in contributes.html5-boilerplate.language. Provided value: django-html
Unknown language in contributes.html5-boilerplate.language. Provided value: njk
Unknown language in contributes.html5-boilerplate.language. Provided value: django-htm

Reset

how do completely reset everything to default?

Option to modify Boilerplate

Please give us the Option to modify Boilerplate.
I cant seem to find it anywhere. Im hammering my search in windows and it cant find anything
in regards to HTML Boilerplate.
thx

Nested comment in "if gt"

🐞 Bug Report

✍️ Description

There is a nested comment in line 5 of the code that causes a validation error:
<!--[if gt IE 8]> <html class="no-js"> <!--<![endif]-->
Should be:
<!--[if gt IE 8]> <html class="no-js"> <![endif]-->
(without the extra spacing)

πŸ•΅πŸΌβ€β™‚οΈ Is this a regression?

πŸ”¬ Minimal Reproduction

🌍 Your Environment

πŸ”₯ Exception or Error or Screenshot

Screen Shot 2020-10-22 at 11 38 12 AM



  

Error when running HTML boiler plate in empty workspace

Am getting this error when I try to use this extension.
Command 'create HTML boilerplate' resulted in an error (Running the contributed command: 'samplext.createbp' failed.)

Sadly it doesn't give me anything else to paste here but I'll describe it as best I can.

I have not used the extension before. Having installed it and tried to run it a few times I restarts VS Code, closed the folder, had therefore a blank workspace (which it says you need to have) and pressed Ctrl-Shift-P, started typing "create html boilerplate" - selected it from the list and immediately got the error as above.

Repeating it gets the same.

I am using VS Code version 1.55.2 and the extension is 1.1.3

Q ### πŸ•΅πŸΌβ€β™‚οΈ Is this a regression?
A No
Q
A No idea, first time using this
Q### πŸ”¬ Minimal Reproduction

Q
A Get empty workspace (I closed the folder to get that), run the command then "create html boilerplate"
Q ### 🌍 Your Environment
A Windows 8.1, VS Code 1.55.2, Extension 1.1.3

see above

πŸ”₯ Exception or Error or Screenshot

image

No code involved - blank workspace



  

Left over "<"

When using the extension to supply the html5 boilerplate an extra "<" is always added/left over at the beginning of the file that always needs to be deleted.
Screen Shot 2020-10-01 at 3 34 50 PM

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    πŸ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. πŸ“ŠπŸ“ˆπŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❀️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.