Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

How to insert current date time in vscode?

Does anyone know of a way that I can insert the current date & time in a visual studio code by snippets?

I have looked docs but did not get any information about it.

I want to create a snippets like this:

title: theFileTitle date: 2016-08-05 09:44:16 
like image 311
ACBingo Avatar asked Aug 05 '16 02:08

ACBingo


People also ask

How do I get the current time in VS Code?

Enter your title and use Insert DateTime command to insert current date and/or time.

How do I write the date code in Visual Studio?

On Visual Studio Code press the key combination: Cmd + Shift + P (Mac OS) Ctrl + Shift + P (Windows)


2 Answers

As of Jan 2018 (release 1.20) you can use these new snippet environment variables.

Your example above would look like this:

"File Header": {     "prefix": "header",     "description": "Output a file header with the file name and date",     "body": [         "title: $TM_FILENAME",         "date: $CURRENT_YEAR-$CURRENT_MONTH-$CURRENT_DATE             $CURRENT_HOUR:$CURRENT_MINUTE:$CURRENT_SECOND",     ] } 
like image 164
LukeBatchelor Avatar answered Sep 16 '22 14:09

LukeBatchelor


I have created an extension for you that allows to insert formatted date and/or time string - Insert Date String.

Installation

Open Command Palette by pressing F1, type ext install + press Enter and then look for Insert Date String extension.

Usage

To insert current date and/or time at the cursor position you can:

Press ++I (OS X) or Ctrl+Shift+I (Windows and Linux), or open Command Palette by pressing F1 and type Insert DateTime then press Enter.

Configuration

By default you don't have to set anything. But if you want to change the datetime format, look for insertDateString.format option in user settings.

// Date format to be used. "insertDateString.format": "YYYY-MM-DD hh:mm:ss", 

You can specify any valid ISO 8601 format. There are some examples in readme.

Snippet

Unfortunately you can't use anything more than tab stops or variables in snippets so you'll have to enter the title and date/time manually.

You can define snippets for specific languages. To open a snippet file for editing, open User Snippets under File > Preferences (Code > Preferences on Mac OS X) and select the language for which the snippets should appear.

Following example is for Plain Text files.

After opening a snippet file for Plain Text, add following definition:

{      "File header": {         "prefix": "header",         "body": [             "title: ${title:Enter title}",             "date: ${date:Insert datetime string (⇧⌘I or Ctrl+Shift+I)}"         ]     } } 

Now you can open a new plaintext file, enter header and press Tab. Enter your title and use Insert DateTime command to insert current date and/or time.

enter image description here

Idea for a more customizable solution

One could write an extension for inserting such headers. This way some sort of templates with several predefined variables (e.g. date, filename, configurable username/email, etc.) might be used.

Hope this helps!!

like image 27
Jakub Synowiec Avatar answered Sep 16 '22 14:09

Jakub Synowiec