AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |
Back to Blog
But there are times where it comes handy to look through the node_modules.įor example if we use frontend libraries that uses SASS, like Bootstrap, we sometime need to search into Bootstrap codebase in node_modules. Node_modules is excluded by default which makes sense as we don’t want to search accross all our NPM packages, most of the time we only want to search on our own codebase. Certain files are excluded by default, the list can be found in the settings CMD+SHIFT+P and open the exclude settings and we will see the following: If we take our previous example of files, we could use the glob pattern **/*.component.ts.Īs we can see the search looks through the files in the current repository opened. ![]() If we expand the search details, we have two more options, files to include and files to exclude which allows us to specify a blob pattern. Typing in the search box will display search results of files that contain the search terms. Global search is either access through the search button or CMD+SHIFT+F. The last feature that we all are used to use is the global search. When we want to remove the filter we can then click on the cross. ![]() As long as the files respect a pattern to distiguish the type of files, like, , we’ll be able to quickl filter all services or components. This is particularly useful when working on frontend projects with dozens of files. This will filter all the files in the file explorer and only show those matching the term. When the focus is on the file explorer, we can start typing the file name and click on the filter. Filtering FilesĪnother interesting feature of Visual Studio Code is its file filtering on the file explorer. We can also open on a side pan from the file explorer by doing right click > open to the side. To open on a side pan, we can use CMD+ENTER. To quickly access a file, we can use CMD+P which opens the Search file by name popup.Ĭlicking on any file will open it. The open editors tracks all files opened with their unsaved changes accross the multiple panels we have opened. Making any modification on the file will open it and it will be in the OPEN EDITORS section on the side bar. The preview allows us to switch between files without opening it. Clicking one time on a file will open the file on preview. ![]() If the side bar is not visible, we can toggle it with CMD+B. We can use the file explorer which should be opened on the side bar. There are multiple ways of accessing files. I am using a Macbook therefore my shortcuts are using CMD which can be replaced by CTRL on other platform. In today’s post I will go through some file tips with Visual Studio Code version 1.44.2 which will boost productivity. But there are gems inside that if known, enhance drastically the productivity. Because it is so quick and easy to use, we can get started straight away and build without having to explore much of its functionalities. Since its first launch five years ago, it has become the main editor to work on frontend projects like Angular or React projects. It comes packed with features and can also be extended with many extensions built by the community. Visual Studio Code is a free open source code editor. May 22nd, 2020 - written by Kimserey with.
0 Comments
Read More
Leave a Reply. |