A file icon package is not working on sublime text 3 - sublimetext3

I downloaded the 'A file icon' package through package control -> install package -> a file icon.
It downloaded successfully and the package is available in list of packages but for some reason I cant view the icons of the files on my sidebar.How do I rectify this?A screenshot of my sublimetext with sidebar without the file icons.

A File Icon only displays icons for files that are in folders in the sidebar. For example, if you select File → Open Folder… and choose a folder, any files in that folder (and subfolders) will have an icon displayed next to them, once they have been indexed.

Related

Sublime text3, a file icon webpack icons

I'm using Sublime text 3 on mac, and no matter what i do with A file icons plugins
webpack icons is only showing if the file name has the word config
webpack.config.js
but if the file name is anything else, the icon is just a normal js file
webpack.dev.js
wepback.prod.js
webpack.dev.js and webpack.prod.js are just showing as a regular js icon
i reinstalled the plugin, still same issues, even reinstalled sublime couple of times
when i try to revert it i'm getting this error
The problem is that A File Icon's Webpack Icon only works if the file extensions are:
"webpack.config.js"
"webpack.config.babel.js"
"webpack.dev.js"
"webpack.mix.js"
Now, To make it work for your custom extensions as in your case for "wepback.prod.js" you will have to mannualy add this file extention into the A File Icon's icons.json file.
To do this follow the steps:
Install a sublime package called PackageResourceViewer.
Open the Command Pelette window with ctrl+shift+p.
Type PackageResourceViewer: Extract Package & click it. (This will help us to extact sublime packages).
Select A File Icon's from the list and click Start Extraction. (This will extract the A File Icon's packge and place it into the sublime's Packages folder)
Once extracted, open preferences -> Browse Packages.
Navigate to A file Icon/icons/icons.json
Open the icons.json file in sublime text and search for "file_type_webpack" inside the file.
Inside the "file_type_webpack" object there will be a property called "extensions".
Now inside this property you can add your "webpack.prod.js" custom file extension.
Once added, save the file and restart sublime text.
Now A File Icon's will show the Webpack Icon for the "webpack.prod.js" file extension!!
Note: If you are using zzz A File Icon zzz then you can do the following:
open preferences -> Browse Packages.
Navigate to zzz A File Icon zzz/aliases/
Inside the aliases folder, open the file named JavaScript (Webpack).sublime-syntax inside sublime text.
Once opened, there will be a property called "file_extensions" & inside here you can add your "webpack.prod.js" file extension & this will fix your problem!!

sublime text: manually install package control

I cannot use the simple installation code because a proxy blocks my way out. Unfortunately, I just don't get the instructions on the webpage.
1. Click the Preferences > Browse Packages… menu
2. Browse up a folder and then into the Installed Packages/ folder
3. Download Package Control.sublime-package and copy it into the Installed Packages/ directory
4. Restart Sublime Text
What exactly does 2. mean? I guess I literally don't understand what "Browse up a folder and then into..." means.
I did click on the Browse Packages menu and used the popup explorer window to create a folder in my documents directory called Installed Packages. But what's next? Since I am just in a regular Explorer window, it I don't see how sublime now knows about this folder.
In Sublime Text, click the Preferences > Browse Packages… menu
this opens Windows Explorer in the path %AppData%\Roaming\Sublime Text 3\Packages.
Browse up a folder
go up one folder level, the equivalent of cd .. in the command prompt. So basically, you want to be in %AppData%\Roaming\Sublime Text 3.
You can do this using the breadcrumbs in the address bar - using the above image as a guide, click on Sublime Text 3. Alternatively, press Backspace to go up a folder level. (Normally it will go back one history level, but in this case there is no history because it is a new Explorer window, so it will go up a directory in the folder hierarchy.)
and then into the Installed Packages folder
Double click on the Installed Packages folder to navigate into it.
Download Package Control.sublime-package and copy it into the Installed Packages directory
So you will have a file called Package Control.sublime-package in the %AppData%\Roaming\Sublime Text 3\Installed Packages folder.
Restart Sublime Text
Close ST and launch it again.
For Mac users, for No. 2, you'll most likely see this. That is the Packages file
To be able to browse up a folder and view the Installed Packages:
Then from there, download using the link and put it in the installed package folder, there you go!

Why Browse packages in Sublime Text 3 opens a folder with the a User folder inside?

I just got a new computer, installed Sublime Text 3 and I want to start installing new packages, when I go to cmd+shift+p and typed Package or Install it doesn't return anything similar as in Sublime Text 2, what should I do in order to just open Install Packages and start typing the name of the packages I want in order to install them in Sublime?
The User folder contains this
The title and body of your question refer to two completely different things. The folder you reference in the title is the Packages Folder, opened by selecting Preferences -> Browse Packages... (which is under the Sublime Text menu on OS X). Initially, Packages only contains the User folder, which is where, surprisingly, user files are stored, such as your user preferences.
The reason you can't install packages right away is because you need to install Package Control. Follow the directions carefully, restart Sublime when asked to, and you'll be ready to install plugins, themes, color schemes, and other packages.

How to install sublime package without package control?

How can I install a sublimetext3 package manually, without the package control. I am trying to fix a bug in an existing package, therefore I need a way to test my changes.
what are the naming conventions to be followed when naming the zip file?
Where do I place it?
what other configurations I have to do?
Download the ZIP, and then place it in your Packages directory which can be found by doing Sublime Text -> Preferences -> Browse Packages...
what are the naming conventions to be followed when naming the zip file? Where do I place it? what other configurations I have to do?
This really depends on the specific package you are downloading. For some packages, you can name it whatever you want. For others, the name has to be exact. If you are downloading these packages manually from GitHub, I urge you to read the documentation in the README. They usually provide instructions for manual installation. For example, if you wanted to download the Spacegray theme manually, it tells you to download the ZIP, unzip the folder, and rename it to Theme - Spacegray.
Depending on your OS, your package directory might be one of these and for most of the packages, just extract the content to this folder (with it's root folder as the name)
Linux: ~/.config/sublime-text-3/Packages
OS X: ~/Library/Application Support/Subime Text 3/Packages
Windows: %APPDATA%\\Sublime Text 3
I am trying to fix a bug in an existing package, therefore I need a
way to test my changes.
I was in the same situation. The accepted answer didn't work for me because Package Control would automatically remove the folder. I found this to be helpful:
https://packagecontrol.io/docs/customizing_packages
Sublime Text 3 offers the most options for overriding a package. By
default, packages will be installed by placing a .sublime-package file
in the Install Packages/ folder. Then users may override individual
files in the package by creating a folder Packages/{Package Name}/ and
placing edited files in there.
Another approach is PackageResourceViewer, which allows you to extract and override individual files from packages, including the built-in packages.
The best answer I think, so far, is this one by #Andreas Haferburg.
The most-upvoted answer also has some really useful information, such as the link to the spacegray package which states:
Manual
You can also install the theme manually:
Download the .zip
Unzip and rename the folder to Theme - Spacegray
Copy the folder into Packages directory, which you can find using the menu item Sublime Text -> Preferences -> Browse Packages...
That is where I first learned about the existence of the Packages folder and how to find its path.
Using those answers together, plus putting in about 1 weekend worth of work into learning about how Sublime Text packages and syntax highlighting work, I wrote the following "Developer Notes & Package Development Tutorial", on GitHub, as well as these "manual installation" instructions.
In short, to "install a package" withOUT Package Control, all you need to do is put the package into your Sublime Text Packages folder, whose path can be found by going to Preferences --> Browse Packages.... The folder name can be anything. It only needs to match what is inside the Installed Packages dir (which is at the same level as the Packages dir) if you want to override an already-installed package which was previously installed by Package Control in "packed" (zip file) format.
The main link you should study, aside from my tutorial, is this: https://packagecontrol.io/docs/customizing_packages.
1. How to manually install a package
Here are some of the key quotes and instructions from my manual installation instructions and tutorial.
Again, note that I am only requiring that the name in the Packages folder be something specific like gcode in the instructions below because my instructions are intended to override a Package-Control-installed package the reader may already have installed. If you want to install for the first time, or make a new package, the folder name you use inside the Packages folder can be anything.
2. Manual installation
In Sublime Text, find the path to your Packages folder by clicking Preferences --> Browse Packages.... This will open up your GUI file manager to the path where Sublime Text packages are stored. For me on Linux Ubuntu 20.04, that's /home/gabriel/.config/sublime-text-3/Packages (even though I am running Sublime Text 4).
Now, extract this package to that folder.
Option 1: the GUI way: click the green "Code" button above --> "Download ZIP" --> save the zip file, extract it to your Packages path above, and rename it to gcode.
OR Option 2 [what I prefer]: the command-line way:
# --------------
# Option 2.A: clone the repo directly into your "Packages" dir
# --------------
# cd to the Packages dir (change this path according to your Packages path above)
cd "$HOME/.config/sublime-text-3/Packages"
# clone the repo
git clone https://github.com/ElectricRCAircraftGuy/sublime_gcode.git
# rename the repo dir to "gcode"
mv sublime_gcode gcode
# --------------
# OR Option 2.B [what I prefer]: clone the repo into wherever you want, and then
# symlink it into your "Packages" dir
# --------------
# clone repo into ~/dev
mkdir -p ~/dev
cd ~/dev
git clone https://github.com/ElectricRCAircraftGuy/sublime_gcode.git
# now symlink it into your Packages dir
ln -si ~/dev/sublime_gcode ~/.config/sublime-text-3/Packages/gcode
That's it! The gcode entry is now instantly available in your syntax highlighting menu.
Developer Notes & Package Development Tutorial
...
...
...
Sublime Text packages and syntax highlighting--how it all works
And here are some really important notes about Sublime Text packages and how Package Control works:
1. Sublime Text packages
Any folder inside of your Sublime Text Packages folder (found via Preferences --> Browse Packages...) is automatically instantly loaded by Sublime Text as a "package".
Packages installed by the Package Control package, however, come in two types:
Packed: most packages installed by Package Control are "packed" into a zip file named packageName.sublime-package and are located inside the Installed Packages dir which is at the same level as the Packages dir.
If you manually create a dir inside the Packages dir and name it packageName (to match the packed file above), then any files in it with the same name as those in the packed package will override those in the packed package. See the "Overrides" section here: https://packagecontrol.io/docs/customizing_packages.
Unpacked: any package which is installed in the Packages dir is unpacked.
Developers can tell Package Control to unpack a package installed by Package Control by placing a file named .no-sublime-package at the root of their repo. See here: https://packagecontrol.io/docs/submitting_a_package.
Unpacked packages are required if they contain binary executables which need to be run by the system, for instance, as they apparently can't run from inside the packed zip file.
2. Syntax highlighting
Hopefully I got all of this straight.
If you want to learn more about Syntax Highlighting in Sublime Text, and how it maps to scope entries in your Color Scheme, read my tutorial.
2. Test your changes
I am trying to fix a bug in an existing package, therefore I need a way to test my changes.
See also this section in my tutorial:
To modify and test changes to this package locally...
...in case you'd like to change it or contribute to it, follow the "manual installation" instructions above. If you have already installed it via Package Control, then what is in your /home/$USERNAME/.config/sublime-text-3/Packages/gcode folder will override what is in your /home/$USERNAME/.config/sublime-text-3/Installed Packages/gcode.sublime-package zip file which Package Control installed, so long as the folder and file names are the same.
Modify any files in the Packages/gcode dir as desired. Each time you save, the changes will instantly be reflected in all Sublime Text editors you have open. As a quick test:
Open a gcode file.
Click your cursor on some text in the file.
Use the Tools --> Developer --> Show Scope Name trick to see what the scope is for that text.
Open the corresponding *.sublime-syntax file.
Change or delete the regular expression in the match entry for that corresponding scope you just found, so that it no longer matches the text on which you placed your cursor.
Save the *.sublime-syntax file and you will instantly see the formatting of that text in the gcode file change.
Undo your change to the match entry and save again. The formatting will return to how it was.
Go to Preferences --> Customize Color Scheme, and add a custom rules entry for that scope, with new formatting for that scope. Save it and watch the formatting instantly change again. Delete that custom entry when done, if desired.

build file location for sublime version 3

The Sublime2 build files are located at \Sublime Text2\Packages\ folder, but I cannot figure out where Sublime3 put those files. Can anyone give me some help?
Language.sublime-build files (and everything else that used to be under the Packages/Language hierarchy) are now included in the zipped Language.sublime-package files found in Sublime Text Build 3XXX/Packages/. I haven't found an obvious way to edit these files in a cross-platform-consistent manner, so the easiest thing is to unzip the .sublime-package file into a folder named for that language, then move the folder to the Sublime Text Build 3XXX/Data/Packages/ folder. As I understand it, any file in Data/Packages/Language will overrule whatever is contained in the corresponding Packages/Language.sublime-package file.
EDIT
For Windows installations (not unzipped portable installs) use the C:\Users\YourNameHere\AppData\Roaming\Sublime Text 3\Packages folder. The Users subdirectory in this folder is where all your user-specific preferences, keymaps, build systems, etc. go, similar to the Packages\User directory in ST2. So, if you want to unzip and modify the Python.sublime-package file, for example, unzip it into AppData\Roaming\Sublime Text 3\Packages\Python and you'll be all set, as I described above.
CLARIFICATION
The Packages directory is the one opened when selecting Preferences → Browse Packages…:
Linux: ~/.config/sublime-text-3/Packages or ~/.config/sublime-text/Packages
OS X: ~/Library/Application Support/Sublime Text 3/Packages or ~/Library/Application Support/Sublime Text/Packages
Windows Regular Install: C:\Users\YourUserName\AppData\Roaming\Sublime Text 3\Packages or C:\Users\YourUserName\AppData\Roaming\Sublime Text\Packages
Windows Portable Install: InstallationFolder\Sublime Text 3\Data\Packages InstallationFolder\Sublime Text\Data\Packages
The exact path depends on version and whether or not you upgraded from Sublime Text 3.
Also, instead of manually unzipping .sublime-package files, just use the excellent PackageResourceViewer utility. It does exactly what I described above without the hassle.
On OS X, ~/Library/Application\ Support/Sublime\ Text\ 3/Packages/User works for me.
Just in case someone runs into the same prob on a Mac and can't find the file:
I was trying to find this on a new Mac to edit my compass.sublime-build file, but couldn't find the folder. To look in ~/Library/Application Support/Sublime Text 3/Packages/... you have to press and hold the Option key to see the folders in bold, since it's all hidden folders.
Hope that helps someone.
Bit of a crazy workaround, but if you create a new build system, then when you save the file, you have access to the relevant folder. Before saving, you can drag unwanted files to the rubbish bin, and ones you want to read can be dragged to the file system icon in the launcher and placed somewhere where they can then be opened.
I did a search for sublime-build and heres what I got:
So for Windows, the directory for Sublime Text 3 is:
C:\Users\horse\AppData\Roaming\Sublime Text 3\Packages\User
and the Python build for Sublime 2 for example is located here:
C:\Users\horse\AppData\Roaming\Sublime Text 2\Packages\Python
On Linux, this is the folder you which contains .sublime-build files that you created under Tools > New build System.
/home/<username>/.config/sublime-text-3/Packages/User
If you are using Ubuntu then you can find your previously build files in
/home/your_user_name/.config/sublime-text/Packages/User
.config is a hidden directory, make sure you press control + h so that you can view all the hidden files and folders

Resources