jRelative Path

Jrelative path support for Visual Studio Code

Now you can get the relative path to any file in the workspace.

Important

This is a fork from https://github.com/jakob101/RelativePath.

##Now when you are on a PHP,HTML or CSS file the path will be in this format

If PHP or HTML including CSS

<link rel="stylesheet" type="text/css" href="path-to-css-file.css">

If PHP or HTML including JS

<script type="text/javascript" src="path-to-javascript-file.js"></script>

If PHP or HTML including PHP

include/require/require_once/inclue_once 'path-to-php.file'

If CSS including CSS

@import 'path-to-php.file'

Other files still in the original behavior

If you want to come back to original behavior in all cases set the "relativePath.useInclude" : false in settings.json

Just press Ctrl+Shift+q (Mac: Cmd+Shift+q) and select a file. If your workspace has more than 1000 files, you will be prompted to filter that list first.

Alternatively, you can press open command palette F1 and search for jRelative Path.

Important 2

In Multi root workspaces:

Everytime you switch to a file from a different folder the files in that folder are indexed and cached to improve search performance. If you have multiple large folders part of a workspace frequent switches between folders might slow you down.

In Single project workspace:

The caching of the filelist in the project happens only once. If your workspace contains a lot of files please wait for the initial file list to be created.

Options

The following Visual Studio Code settings are available for the RelativePath extension. They can be set in user preferences (ctrl+, or cmd+,) or workspace settings (.vscode/settings.json).

	// An array of glob keys to ignore when searching.
	"relativePath.ignore": [
		"**/node_modules/**",
		"**/*.dll",
		"**/obj/**",
		"**/objd/**"
	],

	// Excludes the extension from the relative path url (Useful for systemjs imports).
	"relativePath.removeExtension": false,

	// An array of extensions to exclude from the relative path url (Useful for used with Webpack or when importing files of mixed types)
	"relativePath.excludedExtensions": [
		".js"
	],

Special thanks to jakob101

Licence

MIT