What do you use to write node and angular, what do you use to write node and angular in webstorm, and what do you use in webstorm? reply to the following content: I strongly recommend IDEA, both the front and back ends are large kill devices.
As the father of all Jetbrain ides, and of course webstorm's father, in addition to the rich plug-in support, MEAN full stack, Java full bucket, php, and python are both very nice to write. The front-end supports a large number of frameworks.
Integrating various servers, various databases, and various automated tools will never use brackets for other ides.
Chrome DevTool, WYSIWYG.
---------------------------------------- ------
(1) modify local files
---------------------------------------- ------
(2) edit js and CSS online and keep the changes after refreshing. Chrome plug-in, Flip the Script
,
In the past, I used Visual Studio + Sublime Text for combination.
Now we only use VSCode.
For me, there are not many VSCode integration levels, which is suitable for me. recently, with the continuous update of TypeScript Salsa, the JavaScript development experience is getting better and better. For example, you can understand the types marked in most JSDoc and do not need to write them separately. d. ts. (For the best experience, we recommend that you update it to the latest TypeScript build .)
Importantly, VSCode is free, open-source, and cross-platform. ESLint, JSHint, and so on all have useful plug-ins. The latest version also includes the default EOL, which automatically removes trailing spaces and so on. It is very suitable for being the preferred editor for the team .;) to correct this, sublime is not an IDE, but an editor. It is not comparable with webstorm.
In addition, vscode is between IDE and editor. That is to say, there are both IDE integration and editor light and speed.
Myself: there is no conflict between IDE and editor. (I am using a combination of vscode and sublime.) Recently, hbuilder is made in China, which is not bad. When writing code seriously, you must use the Jetbrain IDE. Update: we upgraded to WS 2016 and found that it also supports JavaScript. d. ts smart tip, although there are still some problems in the async fetch example, the prompt experience is worse than VS Code. However, in general, WebStorm is more functional than VS Code. Except for three limitations:
1. Fees are charged, but it is not expensive as a productivity tool.
2. Compare the configurations. The system will get stuck when the system resources are tight.
3. Some soil may exist on the interface.
I recommend lightweight and open-source VS Code, and develop JavaScript in combination with. d. ts. Smart Tips are great.
Cut several images:
VS Code knows that this data is a Buffer. VS Code knows that this data is a Buffer.
The value type returned by await is also known. The value type returned by await is also known.
Behind the VS Code smart prompts are TypeScript and. d. the ts definition file, compared to the smart prompts obtained by analyzing JS Code ,. d. the ts solution is fast and prompt accurate, which partially makes up for the deficiency of JS as a dynamic language.
Maybe you don't like TypeScript, but VS Code and. d. ts are definitely worth a try.
In addition, VS Code development CSS and HTML are also good, built-in emmet, css complementing and less syntax, can meet general needs.
I wrote a simple example. After configuring config and dts, clone it to the local host and use the VS Code to open it.-GitHub-meowtec/vscode-is-smarter
IDE is not afraid of heavy lifting. Is it a waste of time for machines to help you improve efficiency?
Coding is a physical task, so what machines can do must be done by machines.
The Code farmer's energy should be put into more creative work.
Therefore, WebStorm is better. Http://simplyy.space/article/56ecd7303aae9e5a65c46d64 here
The image is almost lost. orz
Atom tips (0): Introduction
Github official introduction: The hackable text editor
More and more atom users, especially front-end web developers, are able to join the sublime, and you must know that sublime is a personal developer and has a charging closed source (sheshen says the process of updating is slow, bug is not fixed for years), while atom is the whole community-driven, with thousands of plug-ins released each year (a bunch of amazing plug-ins ), in addition, almost all sublime functions are available in front-end web development (and more, the key is hackable ).
In short, I think it is very simple and easy to use, looks-good, powerful, hackable, amazing, and powerful community-driven (github is its ecosystem orz), a good news for front-end developers.
Shape
Atom ui is very modern, and there are many theme options
My theme
Performance
I know that it is slow to start, but to be honest, it is getting faster and faster. I have 56 third-party plug-ins installed here, as long as 1.5 s.
At the same time, the performance of Atom editor 1.0 has been greatly improved, mainly in two aspects: on the one hand, various js layer rendering optimization, control optimization, delayed rendering, and delayed loading, we only need to plot what we need. On the other hand, we need to move some core data structures to the C ++ layer of Electron. Now, the performance of version 1.54 is essentially different from that of last year, loading at runtime is slower (but much faster than eclipse), and it is not as easy as other editors in actual use. Besides, there is still much room for improvement in the future for js layer optimization and C layer optimization. Author: Wei yixiao link: how to evaluate the text editor Atom released by GitHub? -Wei yixiao: zhihu copyright belongs to the author. For commercial reprint, please contact the author for authorization. For non-commercial reprint, please indicate the source.
Install plug-ins
Plug-in page with ui interface, it is very convenient to install and manage plug-ins
Rich shortcut operations
Cmd corresponds to ctrl in win.
It is based on electron (the bottom layer of Electron is based on Chromium and node. js), and you will find that it is very similar to chrome dev tools (cmd + p, cmd + shift + f, and so on. A set of shortcut keys can be used in two places, and it cannot be great ).
More blog post on this SimplyY: atom tips (1): Common Operations link: http://simplyy.space/article/56ecd89a39a1954f69680f1e
Powerful fuzzy commands
Cmd + shift + p. You can use any plug-in (built-in plug-ins and third-party plug-ins) in the command input box. Especially for kids shoes that are too lazy to remember too many shortcuts (that's me ..)
Rich and amazing plug-ins
SimplyY blog article: "atom tips (2): web development commonly used plug-in" link: http://simplyy.space/article/56ecd89a39a1954f69680f1f
Powerful snippets System
It is so easy to customize your own code complementing functions. The Gospel of Dynamic Language completion. And very hackable.
I wrote a commonly used by web developers, GitHub-SimplyY/simplyy-snippets: atom package for code complete.
For details, see Atom flight manual translation: 2.6 code segment
In-depth cooperation with git and github
You can directly locate the github file from the current file and cooperate with git in depth.
For details, see Atom flight manual translation: Version Control in 2.11 Atom
