I have been successfully using space + left click navigation from within my twig templates to open function, filter definitions.
E.g.
{{ somefunction() }}
-->
new \Twig_SimpleFunction('somefunction', ...
For some reason this has stopped working. Strangely autocomplete still works though.
Enable the Checkbox "Enable Plugin for this Project" in the PHPStorm Stettings -> Languages & Frameworks -> PHP -> Symfony
Make sure the Twig-Plugin ist installed.
Restart PHPStorm, Done.
Go to declaration and its type
JetBrains PhpStorm Documentation
TL;DR: Keep pressing Ctrl and hover over function/filter and left click.
This is not limited to twig templates and can be used throughout all PhpStorm.
Related
Generally new to web design and watching some tutorials on creating some backend for a project, getting really tired of writing out the manually, I see youtubers do .classname and then the class with the div appears, but for some reason it isn't working for me? Any help would be appreciated.
Also, would it be easier to switch to Sublime, my buddies think that it is the way to go.
Cheers.
Go to settings
Go to emmet under the Extensions section.
Click on 'Edit in settings.json'.
Write the following inside the 'emmet.includeLanguages' tag. Otherwise, paste the whole statement.
"emmet.includeLanguages": { "javascript":"javascriptreact" }
Save the settings.json file.
Those videos are likely using emmet. VS Code includes built-in support for emmet completions in html files. For example, typing .classname in an html file will trigger an emmet suggestion that expands to <div class="classname"></div> when you accept it
If you do not see this working:
Make sure the document is in the html language mode
Try manually triggering suggestions after .classname using ctrl+space
Make sure you have not disabled Emmet
I tried everything written in the answers but it wouldnt work, I had to do the following;
go to settings in the bottom left, search for 'emmet'
scroll down to and tick:
'Trigger expansions on Tab'
then it works by typing .divClassName + Tab
Check out this Cheat Sheet for VSC:
Cheat sheet for VSC
Ensure that VScode recognises your file as HTML5 or CSS file. In my case I had emmet enabled, but while I could get emmet abbreviation in a CSS file, they wouldn't work in an HTML file. The issue was that I also had Django template extension installed and the file had Django template code as well, hence VScode considered the file as Django template file, not HTML. You can check this the status bar at the bottom of VScode. Once I changed the file from Django template to HTML by clicking on Django Template in the VScode status bar, emmet started working.
The above answers didn't help me because VS code already came with Emmet installed, but I was missing the information on how to actually trigger it.
For an html element
Type the element e.g. div, h1, whatever, then press tab to complete it
For a class
Type the class name beginning with a dot then press tab to complete it.
For example type .myclass and hit tab and you'll get <div class="myclass"></div>
Note: if your class has spaces, use a dot in place of the space (e.g. for "my great class", you should type ".my.great.class" and hit tab)
Source
This information is from here
Tried mentioned thing from emmet vs code document
go-to .vscode >> settings.json
add line "emmet.triggerExpansionOnTab": true
it worked for me for reference : Emmet in visual studio code
I am using Storybook version 3.3.15 on Windows 7 running node version 6.3.1 and npm version 3.10.6.
On running storybook, I see 'No panels Available' message in the bottom of the page where actions panels are rendered. I have imported addon-actions in addons.js: import #storybook/addon-actions/register and the module is also present in node_modules folder. I am not getting any errors regarding this during webpack compliation or in browser console.
How do I make the Action Panel appear?
Note: I cannot update the Node and NPM versions because I am working on a professional level app wherein lots of people are involved and its a very big codebase.
In my case they were simply hidden and in the wrong orientation. Had to use the D and A keyboard shortcuts to make them appear again.
in my case just hitting d worked
For me the whole main menu disappeared at one point. The only thing that helped was running sessionStorage.clear() in the console and then refreshing the page.
First of all, check if you have the addon panel set to show/hide in the dropdown menu at the top left of the Stoybook UI screen, also check the dropdown item called 'change addons orientation' (mine was changed and was bumped off screen because of screen width).
If that doesn't work, try setting the options in the storybook config.js file:
In the Storybook config.js file you can add an options parameter for some default settings, this includes setting the visibility and position of the addons panel.
import { addParameters } from '#storybook/react';
// settings for storybook - show and position addon panel
addParameters({
options: {
// display panel that shows addon configurations
showPanel: true,
// where to show the addon panel --- #type {('bottom'|'right')}
panelPosition: 'bottom',
}
});
In my case I was missing the .storybook/addons.js file. It looks like this became a requirement in a recent version because the actions add-on used to work fine for me initially.
To clarify potential confusion:
As the documentation specifies, you need to have a addons.js file in your hidden .storybook/ directory (most likely at the root of your project) even if all it contains is just this 1 line.
import '#storybook/addon-actions/register';
I Just found out it by trying different keys on my keyboard:
If you press "S" - it switches Sidebar in StoryBook Of
and On! Try it!
My Browser: Chrome, Operating system: Mac OS
In Mac I solved it by pressing fn + s.
I was having this problem; hitting S would shift my components without showing the sidebar, and even after clearing my localStorage and sessionStorage I could barely see the edge of my sidebar.
Then, I realized that I had zoomed in to see my components more closely, and that the sidebar was hiding/showing, but just off-screen.. I just needed to zoom out. 🤦♂️
Sharing here in case anyone makes the same mistake.
I had a similar problem and installing #storybook/addons (in addition to the steps you mentioned) fixed it.
Run:
npm i -D #storybook/addons
I have a page with serial number checking (SerialCodePage). It is implemented and added in installer code after IntroductionPage.
This page is needed for Pro version, and for Lite I would like to hide it, without recompile installer code.
I tried to implement it with the help of installer.removeWizardPage (component, "SerialCodePage"); in componentscript and controlscript, but the function always returns false.
How do I hide this page?
Apparently removeWizardPage works only for pages added in QJS.
In my case, I had to add this page to ScriptEngine::generateQInstallerObject and use installer.setDefaultPageVisible(QInstaller.SerialCode, false);
I'm using Symfony2 with Twig templating engine.
Is there any way to output a list of all Twig templates files loaded in the current request, including the ones loaded through extends, include, etc.?
That would make my life much easier when overriding third-party bundles' blocks, but I can't find a way to do it.
I've been looking for such a tool for a long time but never found it... The debug options of twig are very limited, and there is no tool in the sf2 dev bar dedicated to it...
I always add twig or html comments on top of each of my templates to get an idea of where I am and why during development or on the final page.
You can try this code, it puts filenames in HTML like this:
<!-- START templatename.html.twig -->
...
<!-- END templatename.html.twig -->
I know, that it is not a good solution, but it is better than nothing.
not a problem when you are working in dev in app_dev.php
expand bottom SF toolbar, click on 200 status or on #your_rote_name
you will redirect to smt like localhost/_profiler/s0meha5h?panel=*
then click on left menu on TWIG then url will be like localhost/_profiler/s0meha5h?panel=twig
and you will see all templates like FolderYourBundle:Folder:twig_file_name.html.twig that loads one by one!
I wonder why I can't see my // TODO: descriptions in my Task View in Aptana.
When I rightclick at the line number and choose Add Task it works and I can see my task in the
Window > Show View > Tasks
But when I just write a comment like this //TODO: fix this line as soon as possible.
Then it doesn't show up in the Task list.
When I check my preferences Window > Preferences > Aptana Studio > Tasks, there's TODO, XXX and FIXME in that list, so it looks like it should work, but it doesn't.
The code I'm working at is an Aptana Project Aswell.
The problem were that I had to change the type of the project in aptana.
The project was a Web project first, and WEB projects doesn't support TODO's in default.
Change the project to a PHP project and it works.
Maybe you can fix this somehow to make Web projects support todo's but I fixed it by changing the project type.
My current project is web based and you can create comments like
/**
* TODO do some stuff here
*/
Aptana will recognize "TODO" keyword and will put colored rectangle(color is dependent on the editing theme set in preferences) on the right side of the screen next to the scrollbar.
To create task, right click on the line numbers vertical bar and context menu will appear. Click the Add task menu item. Once you do this it will appear in the tasks panel window.
Plus you can mark the task as completed or set priority, high, normal and low.
If you want to define your own task type, you must first add it in preferences Window > Preferences > Aptana Studio > Tasks, then you can add a new configuration on Configure content in task view.