In Webstorm 2017.1, do the following:

1. Go to File -&gt; Settings | Preferences
2. Choose Editor -&gt; Code Style -&gt; TypeScript
3. Select &#39;Punctuation&#39; tab
4. Change: `Use &#39;double&#39; quotes` to `Use &#39;single&#39; quotes`. (Additionally, you can change `&#39;in new code&#39;` to `&#39;always&#39;`)

[![Webstorm auto-import change to use double quotes instead of single quotes][1]][1]

  [1]: https://i.stack.imgur.com/5OBh9.png

there is no way to change this on auto-formatting in WebStorm 11; you can only use intentions here (hit `Alt+Enter` on quoted string, choose &#39;Replace double-quoted string with single-quoted string&#39;.
Note that in WebStorm 12 -2016.x  it&#39;s possible to control the auto-generated quotes style (used for auto-imports, etc.) - `Settings | Editor | Code Style | JavaScript | Other`, `Generated code/Quote marks`.

Since 2017.1.*, it is `Settings | Editor | Code Style | JavaScript | Punctuation`, `Use &lt;quote style&gt; quotes in &lt;new code/always&gt;`

This looks to be fixed with the 2016.2 release - there&#39;s now an option in the *Editor --&gt; Code Style* settings where you can choose single/double quotes.

See https://blog.jetbrains.com/webstorm/2016/07/webstorm-2016-2-drag-files-into-html-and-quotes-style/

Please see the answer of https://stackoverflow.com/a/42909782/2000468. 

this answer is for an older version。

see the picture that let you set it quickly.

[![webstorm 2016.3.3][1]][1]


  [1]: https://i.stack.imgur.com/E92ql.png

From the documentation on [log.Fatalln()](https://golang.org/pkg/log/#Fatalln):


&gt; func Fatalln(v ...interface{}) Fatalln is equivalent to Println()
&gt; followed by a call to os.Exit(1).

The [source code](https://golang.org/src/log/log.go) for Fatalln:

       310	// Fatalln is equivalent to Println() followed by a call to os.Exit(1).
       311	func Fatalln(v ...interface{}) {
       312		std.Output(2, fmt.Sprintln(v...))
       313		os.Exit(1)
       314	}

It seems the main difference is whether or not the error is recoverable (since you can recover a panic) - is there anything more significantly different between these? 

Panic&#39;s interface [definition](https://golang.org/src/builtin/builtin.go?h=func+panic) is:

   

       215	// The panic built-in function stops normal execution of the current
       216	// goroutine. When a function F calls panic, normal execution of F stops
       217	// immediately. Any functions whose execution was deferred by F are run in
       218	// the usual way, and then F returns to its caller. To the caller G, the
       219	// invocation of F then behaves like a call to panic, terminating G&#39;s
       220	// execution and running any deferred functions. This continues until all
       221	// functions in the executing goroutine have stopped, in reverse order. At
       222	// that point, the program is terminated and the error condition is reported,
       223	// including the value of the argument to panic. This termination sequence
       224	// is called panicking and can be controlled by the built-in function
       225	// recover.
       226	func panic(v interface{})

It appears panic does not return anything.

Is that the primary difference? Otherwise, they seem to perform the same function in an application, assuming the panic is not recovered.

What are the differences in outcome for panic vs log.Fatalln()?

In order to keep track of the volumes used by docker-compose, I&#39;d like to use named volumes. This works great for &#39;normal&#39; volumes like

&lt;!-- language-all: lang-yaml --&gt;

    version: 2
    services: 
      example-app:
        volume:
          -named_vol:/dir/in/container/volume
    volumes:
      named_vol:

But I can&#39;t figure out how to make it work when mounting the local host.
I&#39;m looking for something like:

    version: 2
    services: 
      example-app:
        volume:
          -named_homedir:/dir/in/container/volume
    volumes:
      named_homedir: /c/Users/
 
or 

    version: 2
    services: 
      example-app:
        volume:
          -/c/Users/:/home/dir/in/container/ --name named_homedir


is this in any way possible or am I stuck with anonymous volumes for mounted ones?


Docker-compose named mounted volume

When I push `cmd + alt + l` Webstorm doing some reformating to beautify my JavaScript sources. Ho to make Webstorm automatically change double quotes to single quotes in my sources?

How to make Webstorm &quot;Reformatting Source Code&quot; to change double quotes to single quotes?

<p>When I push <code>cmd + alt + l</code> Webstorm doing some reformating to beautify my JavaScript sources. Ho to make Webstorm automatically change double quotes to single quotes in my sources?</p>


I&#39;m quite confused by the behavior of map().

I have an array of objects like this: 

    const products = [{
        ...,
        &#39;productType&#39; = &#39;premium&#39;,
        ...
    }, ...]

And I&#39;m passing this array to a function that should return the same array but with all product made free:

    [{
        ...,
        &#39;productType&#39; = &#39;free&#39;,
        ...
    }, ...]

The function is:

    const freeProduct = function(products){
        return products.map(x =&gt; x.productType = &quot;free&quot;)
    }

Which returns the following array: 

    [&quot;free&quot;, &quot;free&quot;, ...]

So I rewrote my function&#160;to be: 

    const freeProduct = function(products){
        return products.map(x =&gt; {x.productType = &quot;free&quot;; return x})
    }

Which returns the array as intended.

BUT ! And that&#39;s the moment where I loose my mind, in both cases my original products array is modified. 

Documentation around map() says that it shouldn&#39;t ( https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/map ). 

I even tried to create a clone of my array turning my function into this:
    
    const freeProduct = function(products){
        p = products.splice()
        return p.map(x =&gt; {x.productType = &quot;free&quot;; return x})
    }

But I still get the same result (which starts to drive me crazy).

I would be very thankful to anyone who can explain me what I&#39;m doing wrong!

Thank you.

Why does a js map on an array modify the original array?

I&#39;ve built my app, I can run it on my local emulator (and also on my android device within the same network by changing debug server).

However, I want to build an APK that I can send to someone without access to the development server and I want them to be able to test application.

I see there is a section Using offline bundle on iOS section of the documentation. But I couldn&#39;t figure out how to accomplish the same for android. Is this possible? If so, how?

**UPDATE:** On the answer to this question (https://stackoverflow.com/questions/32572399/react-native-android-failed-to-load-js-bundle) it is said that offline bundle can be downloaded from development server. But when I obtain the bundle from development server the image files can&#39;t be loaded.

How can I generate an apk that can run without server with react-native?

Well, when I learned JavaScript, all the books and Internet articles I read showed code passing a parameter `e` to functions that handle JavaScript events, such as the code block below:

    function myEvent(e) {
        var evtType = e.type
        alert(evtType)
        // displays click, or whatever the event type was
    }

I&#39;ve always accepted that as being the way it is, but now I have some questions (this is very confusing to me):

1. Where does this `e` come from? When I look at the entire JavaScript file, `e` does not seem to exist at all. 
2. Why pass this parameter `e` to functions? Will functions stop working if I do not pass `e` to them?
3. Consider the code block below. There is an event variable (`e`) passed to an anonymous inner function. Let&#39;s say I want to use an event object outside of the anonymous function (maybe in a line above/below the `element.onkeypress` line). How can I do this?


        element.onkeypress = function(e) {
            if(e.keyCode) {
                element.keyCode = e.keyCode;
            } else {
                element.keyCode = e.charCode;
            }
        };



What exactly is the parameter e (event) and why pass it to JavaScript functions?

Let&#39;s suppose I have the following object:

    const user = { 
      id: 42, 
      displayName: &quot;jdoe&quot;,
      fullName: { 
          firstName: &quot;John&quot;,
          lastName: &quot;Doe&quot;
      }
    };

And that I want only the `id` and `fullName`.

I will do the following :

    const { id, fullName } = user

Easy-peasy, right?

Now let&#39;s suppose that I want to do the destructuring based on the value of another variable called `fields`.

    const fields = [ &#39;id&#39;, &#39;fullName&#39; ]

Now my question is : **How can I do destructuring based on an array of keys?**

I shamelessly tried the following without success:

`let {[{...fields}]} = user` and `let {[...fields]} = user`. Is there any way that this could be done?

Thank you

How to destructure into dynamically named variables in ES6?

I have this situation in which I need to scroll an element into the viewport. The problem is that I don&#39;t know which element is scrollable. For example, in Portrait the body is scrollable and in Landscape its an other element (and there are more situation which change the scrollable element)

Now the question, given an element which needs to be scrolled into the viewport, what is the best way to find its first scrollable parent ?

I&#39;ve setup a demo [here][1]. With the button you can toggle between two different situations

    &lt;div class=&quot;outer&quot;&gt;
        &lt;div class=&quot;inner&quot;&gt;
            &lt;div class=&quot;content&quot;&gt; 
                ...
                &lt;span&gt;Scroll me into view&lt;/span&gt;
            &lt;/div&gt;
        &lt;/div&gt;
    &lt;/div&gt;

The body is scrollable or `.outer`

Any suggestions ?


  [1]: https://jsfiddle.net/pjzj9twe/

Find first scrollable parent

I use IntelliJ IDEA 15 and have a problem with the auto-saving. For example I make a new configuration, e.g. Show the line number. When I close IntelliJ and reopen my IDE, it doesn&#39;t save my configuration and shows me this message:

&gt;    Unable to save settings : Failed to save settings . Please restart IntelliJ IDEA



Unable to save settings : IntelliJ IDEA

I can execute various Git commands from Visual Studio Code, however I couldn&#39;t find a way to visualize the history.





How can I view the Git history in Visual Studio Code?

[![enter image description here][1]][1]

&gt; int beginIndex, int endIndex

is important when we invoke methods.

How to show this when the cursor is in the brackets?
[![enter image description here][2]][2]


  [1]: http://i.stack.imgur.com/64ZyW.png
  [2]: http://i.stack.imgur.com/XIcxf.png

How to show method parameters hint in Intellij IDEA?

It is really hard to follow up Android logcat output all in a same color.

Is there any way to change the log colors?

Android Studio Logcat colors

I have used AngularJS 1.x now for a couple of months. Now I will switch to Angular2 (with TypeScript) and actually I am not sure which IDE to use.
It is also not clear for me how to compile the TypeScript Code into JavaScript - actually is this necessary?
I have read that Visual Studio Code would be a nice editor for Angular2 projects - is there a TypeScript compiler included? I would be glad for any information in this direction.

Angular2 - how to start and with which IDE

I&#39;m trying to run a piece of JavaScript code written in a tutorial that looks like this:

**main.js**

    import Vue from &#39;Vue&#39;;
    import Alert from &#39;./components/Alert.vue&#39;;
    
    new Vue({
        el: &#39;body&#39;,
    
        components: { Alert }
    })

However, PhpStorm is giving the following error:  

&gt; Import declarations are not supported by current JavaScript version

How I can get a newer(?) JavaScript version in PhpStorm? Is that really the problem here?

Import not working with JavaScript in PhpStorm/Webstorm

I am trying to use new tools available for coding in JavaScript. I&#39;ve seen the post https://stackoverflow.com/questions/35772101/phpstorm-let-definition-are-not-supported-by-current-javascript-version. I&#39;ve tried as suggested over there, but do not work.

When I hover over the `export`

&gt; Export declarations are not supported by current JavaScript version

When I hover over the `yield`

&gt; Generators are not supported by current JavaScript version

and hovering over the `let`

&gt; Let definition are not supported by current JavaScript version

So the question is how to upgrade the JavaScript version?

WebStorm “Let definition are not supported by current JavaScript version”

I&#39;m using TypeScript style with single quotes, double quotes are used exclusively in HTML templates.

WebStorm/PhpStorm auto import adds `import` statements with double quotes and ruins the style. I guess this applies to all JetBrains products.

How can this behaviour be fixed?

WebStorm/PhpStorm double quotes in TypeScript auto import

How do you include a space before the closing tags in self closing tags with WebStorm/IntelliJ-based products?

Default settings turns `&lt;ReactComp /&gt;` to `&lt;ReactComp/&gt;`, which is against one of the rules ([jsx-space-before-closing][1]) in the commonly used AirBNBs Javascript style guide. 


  [1]: https://github.com/yannickcr/eslint-plugin-react/blob/master/docs/rules/jsx-space-before-closing.md

Add space in self closing tags before in self closing tags

I have a Protractor project which contains such a file:

    var FriendCard = function (card) {
        var webElement = card;
        var menuButton;
        var serialNumber;
    
        this.getAsWebElement = function () {
            return webElement;
        };
    
        this.clickMenuButton = function () {
            menuButton.click();
        };
    
        this.setSerialNumber = function (numberOfElements) {
            serialNumber = numberOfElements + 1;
            menuButton = element(by.xpath(&#39;.//*[@id=\&#39;mCSB_2_container\&#39;]/li[&#39; + serialNumber + &#39;]/ng-include/div/div[2]/i&#39;));
        };
    
        this.deleteFriend = function () {
            element(by.css(&#39;[ng-click=&quot;deleteFriend(person);&quot;]&#39;)).click();
            element(by.css(&#39;[ng-click=&quot;confirm()&quot;]&#39;)).click();
        }
    };
    module.exports = FriendCard;

Path to the file is `./pages/FriendCard.js`.

I have no problems with its import to another file using `require()`:

    var FriendCard = require(&#39;./../pages/FriendCard&#39;);

So, I&#39;ve decided to import this file to the TypeScript file just like that: 

    import {FriendCard} from &#39;./../pages/FriendCard&#39;

I&#39;m using WebStorm. It tells me that (**TS2305**) it has no exported member &#39;FriendCard&#39;. 

Maybe I have to configure tsconfig.json file somehow, but I still don&#39;t know how it works. Could you help me? 

Content Type	Original Author	Original Content on Stackoverflow
Question	Vlad Ankudinov	View Question on Stackoverflow
Solution 1 - Javascript	Eduardo Vazquez	View Answer on Stackoverflow
Solution 2 - Javascript	lena	View Answer on Stackoverflow
Solution 3 - Javascript	AussieFlem	View Answer on Stackoverflow
Solution 4 - Javascript	Xin Meng	View Answer on Stackoverflow

How to make Webstorm "Reformatting Source Code" to change double quotes to single quotes?

Javascript Problem Overview

Javascript Solutions

Solution 1 - Javascript

Solution 2 - Javascript

Solution 3 - Javascript

Solution 4 - Javascript

Docker-compose named mounted volume

What are the differences in outcome for panic vs log.Fatalln()?

Attributions