Nodejs: does any way to beautify my package.json file? - node.js

At first, I don't care much about my project's package.json, with the time flow, it become more and more complex and dirty. it's hard to handle manually.
so, is there any plugin or tool to beautify my package.json file?

The easiest would be to use your editor/IDE JS/JSON formatter. For Sublime Text 2/3 that would be https://packagecontrol.io/packages/JsFormat
Alternatively, you can use an online tool like https://jsonformatter.curiousconcept.com/

The easiest way to code in JS is by using Visual Studio Code (IDE). It has all the formatting tools required to Parse JSON properly, auto indent the code and IntelliSense which help in writing JS easy are already present in it .

Related

How to: When writing feature file, IDE suggests step definition glue code to use

I am using Serenity Cucumber4, and I am trying to find a way to get prompts when I am writing feature files that can tell me what step definition glue codes are available to me. Otherwise I would do it as I am currently, going into step definition files and copy/pasting the glue code into the feature file.
Is there a plugin for eclipse or vscode? Or maybe a special IDE that has this built it? Or, would I need to create my own plugin for this (I don't know how)?
If switching to IntelliJ is an option, there are plugins available to achieve this.

Can we use Android-Studio Translations Editor for Flutter?

Translations editor was very good in dealing with strings and translating it to many languages. I wonder if I could use it for flutter apps.
if(yes) {
tell me how;
}else{
tell me the best way to translate texts in flutter;
}
thanks
now I think we couldn't use it.
so, for now, I can use excel to make CSV file of strings and use flappy_translator package to use it in a flutter app.
if there's a way to use android studio translations editor or there's a better way, please tell me.
So you want the handy Android Studio Translation Editor, however it only works with
strings.xml in a res/values folder in native Android projects, as it seems.
But I can offer you something similar. I found the Android Studio Plugin Easy i18n
Go to File->Settings->Plugins (windows) and search for the plugin.
After Installation, you can work with JSON files, I put them in assets/translations:
And added the dependency to the whole folder in my Pubspec.yaml:
assets:
- assets/translations/
And if you open the Editor via View->Tool Windows->Easy i18n, you can edit them, very similar to the Android Studio Translation Editor:
I use the values from the JSON files with the Easy Localization plugin.
Disclaimer: I don't think the authors of Easy i18n and Easy Localization are the same team, at least as I can tell. And I am in no way related to these projects/authors. This is just what worked for me. On my journey, I stumbled across this StackOverFlow post multiple times, so I thought I'd share.

Create a theme for a custom file type - Sublime

I wonder if someone could tell me, or link me to a place where someone can tell me (video, previous topic etc).
My question is how I create a simple theme that I can use in sublime. But the file type is not any famous one. I want to create a theme for a file type called .mcfunction - Currently, it runs plain text. So how do I do so that for example, numbers get green or some words highlight etc, I assume that is the easiest way.
Thanks in advance!
Personally, I develop data packs in .mcfunction and I use an intern package, just install Atom and install an mcfunction package

Fix or disable Stylus preprocessing for Basic/Starter node.js web project

I've created both a Basic Express 3 project and a Starter Express 3 project in Visual Studio 2015 Community Edition and I notice that, although the .styl file is where I'm supposed to write my styles, there's no syntax support / IntelliSense / coloring.
Web Essentials 2015.1 is installed but doesn't seem to bring anything extra to the table in this regard.
Can I either
make this Stylus support work out of the box for the templates or
disable this particular css preprocessing altogether in favor of simple css?
because as it stands now, this is killing productivity.
Removing the .styl file will break the file watch and will avoid the preprocessor compiling a css file based upon the .styl file.
You can now simply use standard css or add e.g. a LESS file instead.
It was a straightforward answer to a straightforward question, but one that might prove useful to someone.

Sublime text syntax coloring quote issue

I'm using sublime text 3 to code some react native stuff and when writing in text components I use quotes that mess up all the syntax coloring as in the picture below. Is there any way to fix this ?
React JSX syntax
JSX is the JavaScript Syntax extension you normally use in your render method.
Correct Color Scheme
Since JSX is an extension to the plain JavaScript, Sublime doesn't know about it. You have to tell Sublime to use the extension babel-sublime.
Installation of babel-sublime
Just follow the official documentation to install this plugin. I don't write it down, in case something changes in the future.
Also check the documentation about Package Control, which you use to manage your Sublime Packages.

Resources