I'm just trying vscode one more time after a year or so. I'm using it for web development so really want the html snippets to be working, but none of it is, I don't get any suggestions, and typing ctrl-space brings up a box telling me there are no suggestions. What do I need to do to get this to work. It's a completely fresh install on a freshly installed Linux Mint20. I always thought this part worked out of the box, it did 2 or three years ago when it was using it on a mac, I expected a similar behaviour to be honest. do I have to enable another setting to allow intellisense to work. I've no idea, it works out of the box on a mac.
So I found the solution after 5 hours, it's at the bottom right of the screen, file type should be "HTML" or whatever file it should be, not just "plain text". Vscode will pick this up from the file extension, but for testing, I just clicked file - new file, which of course will be plain text by default.
Feel like a bit of an idiot, but hopefully this will save someone else trying to fix this.
I have looked through the available widgets in glade 3.20 and can not find anything called StWidget.
Inspecting Gnome Maps, Builder and Nautilus the button is listed as an StWidget, the closest I can find in glade is a MenuButton Widget.
I basically want to make a funky dropdown widget like a lot of the modern gnome apps have started using.
I'm pretty much the farthest thing from an authoritative answer, so I really hope I'm corrected by a developer at some point in the future. However I was researching this class of widgets, so at least I've discovered a few things.
The St widgets are used within gnome-shell, and are not actually related to GTK in implementation. They are implemented on Clutter, so they are from a different linage. I was not able to confirm their future place within GTK, however they've been mentioned in the initial GTK4 discussions.
It also looks like no real documentation exists, so using the St's would be playing on the development edge. Not sure how you found the St widgets in nautilus though, I thought applications were still all GTK... excluding any gnome-shell integration components, those could have St widgets.
If your making Applications, stick with the mainline GTK. However if you wanted a menu like that for gnome-shell, have you investigated making a gnome-shell extension?
What is a generic term for the button/icon from which programs are launched or indicated by?
In Windows, we have the taskbar, on which each top level window (XP/Vista) or application (7+) has a taskbar button.
In Mac OS X, we have the dock, on which each application has a dock icon.
In recent versions of Ubuntu, we have the launcher(?), on which each application has a launcher icon(?).
I don't know what other Linux desktops call things and how much Gnome and KDE can each differ.
Anyways, what is the generic term to refer to a taskbar button/dock icon/launcher icon? I am designing an API to abstract jump lists and dock menus / dock tile plugins and I was wondering how I can generically refer to each of the platform-specific application launching mechanisms with a general term.
I don't think setPlatformSpecificApplicationLaunchingMechanismMenu or setJumpListOrDockMenuOrDockTilePluginOrUbuntuThingMenu would be very good names. :)
Realistically, setApplicationMenu? setDesktopMenu?
EDIT: Apparently Taskbar is a generic term.
Anyways, what is the generic term to refer to a taskbar button/dock icon/launcher icon?
Sounds like an application icon to me. Application icons may appear in a number of places, but at no matter where they are, these are icons that represent their respective applications.
I don't think there's anything more specific... or more generic (icon?)... than that.
Please point me to some guides on how to master (X)HTML, CSS with Vim. I preffer to create web pages by hands and I decided to go with Vim.
Any useful plugins, tips & tricks, tutorials, how-tos, books, articles?
Thanks!
You'll "master (X)HTML, CSS with Vim" the same way you'd do with any other text editor or language: by working hard, reading books, watching screencasts and keeping up with the news. The editor you choose is totally irrelevant.
That said, here are a few native features and plugins that helped me a lot:
Omnicompletion is Vim's own autocompletion-like feature, except that it's not automatic.
Hit ctrlp or ctrln to complete with a word contained elsewhere in your document.
Hit ctrlxctrlo to display a list of possible completions based on the language.
BEGIN EDIT
Another very very useful feature is "file-path completion", start typing the path to a file and hit <C-x><C-f> to display a menu with possible completions.
Also, the aforementioned features can be automated with plugins, the one I use is AutoComplPop.
END EDIT
Objects allow you to move, select and perform actions on your code in crazy cool ways.
Say you have <div>word</div> with the cursor on o, dit will delete word, cit will delete word and place the cursor between the tags for further editing and so on…
If you know what d, c or v mean, that i roughly means inside and a roughly means around and that t means tag you already have a very powerful tool, there. Vim has other objects very useful for code editing: ", ', (, [, { etc, type :help objects for more.
For me, this feature alone was enough to justify scraping TextMate.
Blockwise Selection does what it says. :help blockwise-visual for more info.
:normalize or :norm is also very useful to prepend or append something to a group of lines.
SnipMate is a plugin inspired by TextMate's snippets system. You type form then hit tab to expand to a complete boilerplate <form> element in which you can move by further hitting tab to edit values and attributes.
Surround takes the objects business to another level by making it possible to add tag pairs around your selection, deleting them or changing them.
If you take the example above, hit cst<p> to change it in a more correct <p>word</p>. To add a pair of tags to word, select it with v then hit S and type the tag you want.
Sparkup is a pretty awesome plugin. Besides that, I normally use both snipMate and delimitMate, though those are useful for coding in any language.
I do it that way. I haven't found that much support for it, so I wrote a little of my own. I keep it on Google code hosting. I also use a version of Vim with Python embedded, and use some Python to extend some functionality. That's in the pycopia.vimlib package.
There is only a little, but hopefully useful stuff. You can start from there.
Install CSS3 syntax plugin.
Install HTML5 syntax plugin.
Install Syntastic syntax checker plugin.
You'll also have to install CSS Lint's CLI tool, since the syntax checker uses it.
There are a lot more plugins related to general development, which you can find in several questions scattered around this website, but the ones above a specifically related to help writing better CSS & HTML.
Emmet. Which was called zencoding a long time ago, is a nice plugin for several editors (including vim) with many features that enables you to code html and css very rapidly.
For example, you can type div.some span.other<ctrl+y> ans you'll get:
<div class="some>
<span class="other>
(cursor here)
</span>
</div>
tl;dr; install this vim setup https://github.com/jameslai/jvim
James Lai wrote an amazing article on Frontend Vim which was 404'ing when I answered this. It has helped me switch from ST2 to VIM so I'm posting it here.
Why I Use VIM as My Editor of Choice for Front End Development
by James Lai
I’ve been using VIM for years, and I just can’t get away from it. While many people like to use Sublime Text 2, and I can’t help but absolutely encourage that, if you’d like to use an editor that can scale with your knowledge, VIM should be your editor of choice.
Easily edit content within tags
As FED’s, we’re constantly editing content within tags. VIM makes this easy with its “tag” text object - t. Here’s a common scenario, you have source code that looks like:
<div>Some content within here</div>
In VIM, to replace the content within that tag, you merely need to press cit. This will change the inner tag and you’ll be left with this:
<div></div>
Easily replace HTML attributes
Similar to the above, we deal with content within quotes all the time, often as attributes within our HTML. You may have something that looks like:
<aside class="one-third author box">
In this scenario, just hit ci". Perhaps the neatest part about this trick, if this was the only content on that line, you don’t even need your cursor anywhere near the quote itself! VIM is intelligent enough to simply empty out the content of the quote regardless of its position in the line, and you’ll be left with:
<aside class="">
Jump back and fourth between where you’ve edited
As FEDs, we are constantly jumping back and fourth between places we’ve previously edited. VIM maintains a “jump list” which is easily navigated by Ctr+O (jumping to previous locations) and Ctr+I (forward). This makes our routine of editing many files simultaneously incredibly painless.
More information on jumps
On a mac? In VIM, you’ve got a proper delete key again
Mac keyboards don’t come with a normal “delete” key - we essentially have a backspace key but it’s labelled delete. Sure, you could reach for funcdelete, but that function key is sure out the the way. Instead, hit x!
Move CSS like a master
Often I’ll need to refactor some CSS and move properties between selectors. With VIM, I can move content from various lines to my cursor position with a simple:
:<linenumber>,<linenumber>m
Common operations like these are made laughably easy with VIM.
Jump to the end or beginning of a line
This is unusually common in my workflow - needing to jump to the end of a line. Perhaps I forgot a semicolon at the end of a CSS property or line of Javascript. To jump to the end of the line, simply hit A and you’re in insert mode at the end of the line. Need to edit at the beginning (not counting tabbing)? Use I.
Edit at the speed of thought
One of the staple concepts of VIM is to prevent needing to reach for your mouse. When I’m in my flow, I never reach for the mouse unless its to interact with a web page I’m working on. Getting good at VIM means your ability to edit and manipulate text nearly approaches how fast you can think of the problem. Because of the concept of text objects, thinking “I want to delete this line” becomes a trivial dd, or deleting a word with daw. As you think about the problem, you more often then not have a easy command to describe to the editor. The ability to get into your flow with VIM is, in my opinion, higher than most other editors.
Easy split windows
Something that completely changed how I developed was learning how to really leverage split windows in VIM. Yes, VIM has split windows, and they’re amazing! Some editors come with this functionality, but it can be cumbersome to use, or difficult to remember to use.
Spits are powerful because we’re often addressing the same item in a number of places. If you’re addressing an element, you’ll often want the HTML file up. If you’re applying styling to it, you’ll want the CSS up, and if you’re applying behaviors, you’ll want the Javascript up as well. Seeing them all at the same time has saved me literally countless headaches in editing. The flow feels very “natural”, not to mention just how awesome your editor will look. Often I’ll have at least 4 splits going at any one time.
A great way to get started is by typing :Vex. This opens a Vertical exploration window. From here you can browse to whatever file you want to, and that file will appear in the split. There’s also the always salacious :Sex command, which will open a horizontal split explorer window.
Vertical Split Windows
More information on splits
More information on the file explorer
Your setup, anywhere
Perhaps one of the most compelling features is the ability to have your customized setup very quickly. I keep my VIM configuration in a GitHub repo, meaning regardless of what machine I’m on, I’m about 2 commands away from having my complete setup ready to go.
…even on remote machines
Front end developers will inevitably work on a remote server at some point. Heck, many of us have local linux boxes in a VM replicating our server environments. You’re going to need an editor, and rather than either fumble around in VIM due to not knowing how to actually make it dance, or using a basic and underpowered editor like nano, getting good at VIM client-side means you’re going to be a master server-side.
Final thoughts
VIM is an amazing editor, and although you may think it’s old, it’s actually more than up to the task for today’s editing. No matter what new editor hits the market, I may try them out to see what innovations are out there, but in the end, I always come back to VIM for all my editing, and I love it.
I use a lot zencoding, so, if you're used with zen-coding try the zenCoding plugin for Vim find it here
If you want to learn more about zen-coding you could read: zen coding vim tutorial
Does anyone knows of a way to wordwrap in NetBeans 6.8?
I have been looking around and I can't find a solution for that problem, yet it is really hard to believe that such a basic feature is still missing in NetBeans.
I like very much working in NetBeans, but not having wordwrap prompts me to add hard returns inside my code where they really shouldn't be, and that feels "unclean". It also causes a lot of extra work when editing the pages later, so I would really like to find a way to wrap the text to the window.
There wasn't word wrapping in Netbeans more than one year ago.
Bug 89894 may indicate such a feature for the next release after Netbeans 6.9 though.
When you say line wrap is turned off in 6.9 beta, does that mean disabled by
default, but we can turn it on? Or does it mean not available at all?
I'd upgrade to the beta if word wrap was there to test out, if not I'll just wait.
This feature was removed from 6.9 and will be turned on again for 6.9.next and hopefully it will be stable for next release.
The feature is back in Netbeans. To to tools -> options -> editor -> formatting -> Line Wrap
See Word Wrap in Netbeans