Typescript files show errors in IntelliJ IDEA Community Edition - intellij-idea

I am facing issue with TypeScript in IntelliJ IDEA Community Edition. Earlier I have used IntelliJ IDEA Ultimate Edition for Angular 2 development and it works fine.
This is the error I am getting in my .ts file. Plus there is no intelliSense. Is this feature unavailable in the Community Edition?

As zhengyue pointed out in comments, apparently you are using the "TypoScript" plugin, which is not a "Typescript" plugin.
I made the same mistake. And I also had the same problems that you experienced. Personally I thought it was the #Component decorator that messed things up. But it was zhengyue who pointed out I was using the wrong plugin.
The conclusion for me was that it was better to search for a good alternative. Because I still want to develop my back-end in Java, I wanted ...
something that integrates with IntelliJ as good as possible
but still something which is powerful.
At first I tried eclipse, and found powerful tools in their marketplace, which turned out to be commercial products and expired after 8 days.
Secondly, I downloaded "Visual Studio Code", (not to be confused with the full blown Visual Studio). It is FAST and user-friendly. It launches in less than 2 seconds on my system. And it has great plugins, which allow me to use code completion and refacturing tools. Here is the list of plugins I have installed:
As you can see, there is a plugin that makes you use the keybindings of intellij.
In IntelliJ I configured my ".ts" files to be handled as javascript files. Because it's better than nothing.
I work in IntelliJ all day when I'm working on the Java back-end, and thanks to the javascript features, I still have some (limited) code highlights for the Angular front-end as well. But, when I want to edit something in the front end, I use Visual Studio Code. To make this a smooth transition, I right-click inside the file and use an external tool configuration:
Inside my IntelliJ I configured the root of the angular project as a module. Then the configuration of this external tool looks like this:
This allows me to switch from IntelliJ to Visual Studio code in about 2 seconds, and immediately to the correct line in the correct file.
So, that's what my free Angular-with-Java-combo development workspace looks like.

JavaScript/TypeScript support and many other features are not available in the Community Edition.

Related

JetBrains IDE with Demandware

I was wondering if anyone has used Demandware with any of JetBrains IDE. I've always just used text editors, and the Terminal. It seems like Demandware UX Studio is only for Eclipse?
Any help or suggestions is much appreciated.
In theory you can use your editor of choice to edit Demandware ISML files and DW Script files such as Sublime or JetBrains, but you would need some kind of WebDAV-Sync solution to automatically upload your files to the server.
You'll also lose debugging when you move away from Eclipse. Editing pipelines will also be quite challenging, as you won't have the visual IDE to edit the files (which are basically just XML).
Fortunately there has been some movement in the community and a plugin has been created for Jetbrains, it is available here: https://github.com/nek4life/intellij-demandware/
There is a Sublime Text 3 plugin (officially supported by Demandware) that will handle webdav syncing with your sandbox server. Pipelines are going away with the new development model and script debugging from Sublime Text is listed as a current TODO. You will still need to return to Eclipse to debug until that feature is finished, but it's nice to see they are making progress.
https://packagecontrol.io/packages/Entropy
Till now, Demandware development extension is available only for eclipse IDE. After installing the demandware development extension, you can take code checkout the storefront cartridges and create the DW server connection in eclipse, which will help you auto upload files to server.
You can use any other IDE, but that will not help you auto sync/auto upload files on server and with pipeline debugging options.
You can use Aptana studio. It is compatible with DW studio plugin.
To use Aptana:
Install Aptana
Go to Window->Preferences->Install/Update->Available Software
Add luna location http://download.eclipse.org/releases/luna/
Enable "Eclipse Kepler Update Site"
Install dw studio as described in documentation (use version for luna)
Optionally configure scss default editor: Aptana Studio 3 code assist for Sass (.scss) files

Creating new dart project in Intellij IDEA 13.1.5 community edition

I wanted to play a little bit with the dart language and since recently I'm trying to switch from eclipse to IntelliJ IDEA I wanted to use that IDE. Unfortunately I can't figure out how I can create new dart project.
I've installed the dart plugin and installation looks fine - I have the plugin directory on my hard drive, dart's formatting options in settings etc. But I don't have any dart related option in the new project dialog (only java, maven, gradle, empty project etc.).
All resources I found told about using the new project dialog, or using WebStorm (like https://confluence.jetbrains.com/display/WI/Getting+started+with+Dart ).
Is it possible at all? Am I missing something?
I'm using IntelliJ IDEA 13.1.5 community edition.
EDIT:
Ticket created: https://youtrack.jetbrains.com/issue/WEB-14060
I recommend using Stagehand (http://stagehand.pub/). It's a great new command-line tool that creates well-formed Dart project folders, complete with pubspec.yaml and even build.dart for Polymer projects. The tool can create console apps, web apps, Polymer apps, and AngularDart apps.
It looks that there is a bug in community edition of 13.1.x and it won't be fixed (but it's already fixed in community edition version 14 and it works in any version of ultimate edition) - https://youtrack.jetbrains.com/issue/WEB-14060

Difference between WebStorm and PHPStorm

I'm choosing an IDE for web development and I would like to know what the differences between WebStorm and PHPStorm are.
I couldn't find any major points on JetBrains' website and even Google didn't help that much.
All I know now is that PHPStorm doesn't support JS like WebStorm, but is able to due to plugins. Is this the only difference?
I couldn't find any major points on JetBrains' website and even Google didn't help that much.
You should train your search-fu twice as harder.
FROM: http://www.jetbrains.com/phpstorm/
NOTE: PhpStorm includes all the functionality of WebStorm (HTML/CSS Editor, JavaScript Editor) and adds full-fledged support for PHP and Databases/SQL.
Their forum also has quite few answers for such question.
Basically: PhpStorm = WebStorm + PHP + Database support
WebStorm comes with certain (mainly) JavaScript oriented plugins bundled by default while they need to be installed manually in PhpStorm (if necessary).
At the same time: plugins that require PHP support would not be able to install in WebStorm (for obvious reasons).
P.S.
Since WebStorm has different release cycle than PhpStorm, it can have new JS/CSS/HTML oriented features faster than PhpStorm (it's all about platform builds used).
For example: latest stable PhpStorm is v7.1.4 while WebStorm is already on v8.x. But, PhpStorm v8 will be released in approximately 1 month (accordingly to their road map), which means that stable version of PhpStorm will include some of the features that will only be available in WebStorm v9 (quite few months from now, lets say 2-3-5) -- if using/comparing stable versions ONLY.
UPDATE (2016-12-13):
Since 2016.1 version PhpStorm and WebStorm use the same version/build numbers .. so there is no longer difference between the same versions: functionality present in WebStorm 2016.3 is the same as in PhpStorm 2016.3 (if the same plugins are installed, of course).
Everything that I know atm. is that PHPStorm doesn't support JS part like Webstorm
That's not correct (your wording). Missing "extra" technology in PhpStorm (for example: node, angularjs) does not mean that basic JavaScript support has missing functionality. Any "extras" can be easily installed (or deactivated, if not required).
UPDATE (2016-12-13):
Here is the list of plugins that are bundled with WebStorm 2016.3 but require manual installation in PhpStorm 2016.3 (if you need them, of course):
Cucumber.js
Dart
EditorConfig
EJS
Handelbars/Mustache
Java Server Pages (JSP) Integration
Karma
LiveEdit
Meteor
PhoneGap/Cordova Plugin
Polymer & Web Components
Pug (ex-Jade)
Spy-js
Stylus support
Yeoman
Essentially, PHPStorm = WebStorm + PHP, SQL and more.
BUT (and this is a very important "but") because it is capable of parsing so much more, it quite often fails to parse Node.js dependencies, as they (probably) conflict with some other syntax it is capable of parsing.
The most notable example of that would be Mongoose model definition, where WebStorm easily recognizes mongoose.model method, whereas PHPStorm marks it as unresolved as soon as you connect Node.js plugin.
Surprisingly, it manages to resolve the method if you turn the plugin off, but leave the core modules connected, but then it cannot be used for debugging. And this happens to quite a few methods out there.
All this goes for PHPStorm 8.0.1, maybe in later releases this annoying bug would be fixed.
There is actually a comparison of the two in the official WebStorm FAQ. However, the version history of that page shows it was last updated December 13, so I'm not sure if it's maintained.
This is an extract from the FAQs for reference:
What is WebStorm & PhpStorm?
WebStorm & PhpStorm are IDEs (Integrated Development Environment)
built on top of JetBrains IntelliJ platform and narrowed for web
development.
Which IDE do I need?
PhpStorm is designed to cover all needs of PHP developer including
full JavaScript, CSS and HTML support. WebStorm is for hardcore
JavaScript developers. It includes features PHP developer normally
doesn’t need like Node.JS or JSUnit. However corresponding plugins can
be installed into PhpStorm for free.
How often new vesions (sic) are going to be released?
Preliminarily, WebStorm and PhpStorm major updates will be available
twice in a year. Minor (bugfix) updates are issued periodically as
required.
snip
IntelliJ IDEA vs WebStorm features
IntelliJ IDEA remains JetBrains' flagship product and IntelliJ IDEA
provides full JavaScript support along with all other features of
WebStorm via bundled or downloadable plugins. The only thing missing
is the simplified project setup.
PhpStorm supports all the features of WebStorm but some are not bundled so you might need to install the corresponding plugin for some framework via Settings > Plugins > Install JetBrains Plugin.
Official comment - jetbrains.com
I use IntelliJ Idea, PHPStorm, and WebStorm. I thought WebStorm would be sufficient for PHP coding, but in reality it's great for editing but doesn't feel like it real-time-error-checks PHP as well as PHPStorm. This is just an observation, coming from a regular user of a JetBrains products.
If you're a student try taking advantage of the free license while attending school; it gives you a chance to explore different JetBrains IDE... Did I mention CLion? =]
In my own experience, even though theoretically many JetBrains products share the same functionalities, the new features that get introduced in some apps don't get immediately introduced in the others. In particular, IntelliJ IDEA has a new version once per year, while WebStorm and PHPStorm get 2 to 3 per year I think. Keep that in mind when choosing an IDE. :)

Eclipse plugin for play 2

I am a beginner with Play2 framework and Scala.
Is there any eclipse play 2 plugin available?
If yes, then please provide me the link for the same. I am used to Eclipse and have never used Scala before;hence in a confusion like how and where to start from. Looking at the Play2 Doc, sems like working in command prompt IDE which is very difficult (though I have tried yet)
Please let me know the eclipse plugin for Play2 or some other IDE helpful for this.
Regards,
There in no plugin as such for Eclipse.
Play! framework has nice set of tools for doing tasks such as following
creating new play project
running the project
deployment of the application
doing the continuous testing mode etc
Trust me, once you start using this, you gonna love it.
Beside you do not require any experience in Scala, as for Play framework you can use Java language, if you are comfortable with it (you can choose Java template while creating new Play project )
and also you can use IDE for syntax highlighting , code completion etc
I had a brief try of Play development using Eclipse and the Scala Plugin. I personally found it awkward and not terribly helpful. (The errors which the IDE reported were not always the same as the ones that the Play compiler reported, for example.)
I’ve had a lot more joy using the Intellij IDEA IDE, with its Scala plugin. As with Eclipse the current version of IDEA does not have specific support for Play Framework 2, but it does have specific support for Scala.
The next version of Intellij IDEA, v12, will have explicit support for Play Framework 2: http://www.jetbrains.com/idea/nextversion/index.html#Frameworks_Support (but only in the paid-for ‘Ultimate’ edition, not in the free ‘Community’ edition).

Getting auto-completion to work in an IDE using Coffeescript and external Javascript libraries such as jQuery

I would like to ask how other more experienced Coffeescript developers are using their respective IDE's or editors with auto-complete when developing modular libraries and / or referencing external Javascript libraries (jQuery, jQuery UI, RequireJS, Handlebars, ...).
As much as I've tried various IDE's and plug-ins for Coffeescript, none of these seem to support auto-completion when the project consists of several script files. For example: in Visual Studio I can add a commented directive such as /// <reference path="/js/jquery.js" />. I'd need something similar for Coffeescript.
I have tried following without success:
Visual Studio with Web Workbench by Mindscape
Netbeans with dstepanov's Coffeescript plug-in
Aptana with the Coffeescript ruble
Further, I am aware of Jetbrain's WebStorm 3.x support for Coffeescript, unfortunately, my evaluation period expired before I realized I'd need this feature - can anyone confirm that setting the Javascript / Coffeescript Usage Scope works as expected with auto-complete?
So effectively what I am asking: is there an IDE or plug-in, commercial or otherwise, enabling auto-complete for Coffeescript libraries spanning multiple files?
Hate to answer my own question, but after giving JetBrains WebStorm 3.0.2 another demo run on another box, I figured it worked best and does have 'smarter than average' auto-complete for coffeescript projects. It simply loads all coffeescript files in to a global auto-complete context and you can add external libs (cs or js) as well using the project's scope settings. Could be better, but for now I cannot find any other IDE or tool running on PC or Linux, OSS or paid, that tops WebStorm and I don't have the fortunes to explore OSX alleys.
I am sure future tools, plugins, IDE's will pop up for various platforms that do offer great coffeescript module management and proper contextual auto-completion in the editor. So please, do keep the suggestions coming.
Thanks!
I personnaly use Kdevelop. I can't remember if I installed a plugins or something to get it work with coffeescript.
But it works very well, the highlighting colors are pretty, when ctrl+d it add coffeescript commentary and so on.
Also I do make compilation directly in KDevleop.
Well also it's free, I am using it on linux debian but I think it works on most platforms.
Check it there : http://kdevelop.org/