WebStorm 2024.1 is out now! Here are the key highlights:
🔹Sticky lines
🔹Quick documentation popup improvements
🔹AI-powered, local full line code completion
🔹Component usages for
@vuejs
,
@sveltejs
, and
@astrodotbuild
See what else is new 👉
WebStorm 2023.1 is here! ✨
🔹
@astrodotbuild
support
🔹 TypeScript support in
@vuejs
templates
🔹
@tailwindcss
configuration
🔹 Improvements to the new UI
🔹 Full IDE zoom
🔹 Improved code review workflow for GitHub
See what else is new:
😨 Fear you're missing out on something big in WebStorm? Our new
#FOMOdigest
gives you a round-up of the coolest features you can find in your IDE.
Check out the first digest on the latest features for JS development that made it into our IDEs.
👉
🎉WebStorm 2021.1 is now available!🎉
- Smarter code completion for JS and TS
- Built-in remote collaborative development service
- Better Stylelint support
- Built-in HTML preview
- Adjustable editor font weight
- Improved work with pull requests
👉
WebStorm 2022.3, our biggest update of the year, is now available, with:
- New UI preview
-
@vitest_dev
support
- Improvements for
@vuejs
and
@angular
- New project templates for Next.js and Vite
- Code Vision for JS and TS
See what else is new:
We gather the most interesting JavaScript news so you don’t have to 😉
Major update of Node.js, Next.js gets some serious love, and a rewritten Chrome rendering engine – all these and more in this episode of
#JSRoundup
.
Great news! You can now get support for
@deno_land
projects in WebStorm 2020.1 and other JetBrains IDEs. For this, install the Deno plugin from Preferences/Settings | Plugins.
More details:
🎉WebStorm 2020.1 is now available!🎉
What’s new:
- New default editor font
- More helpful quick documentation
- Vuex and Composition API support
- Prettier on save
- Bundled spell checker
- Split terminal sessions
- Simplified commit rebasing process
👉
WebStorm 2019.1 is now available! 🎉
What's new:
- Smart intentions for JavaScript and TypeScript
- New inspections for Angular apps
- Updated CSS and HTML docs
- Improved debug console
- New UI themes
👉
🥳WebStorm 2021.3 is now available!🥳
- New intentions and inspections
- Improved support for monorepos
- Faster indexing of JS files
- New remote development features
- Reworked
@deno_land
integration
- Better HTML completion
- Improvements for VCS
👉
🎉 WebStorm 2018.1 is now available! 🎉 It brings lots of new features and improvements:
- Integration with Prettier
- Extract Vue Component refactoring
- New documentation UI
- Partial Git commits
- More on
Interested in a powerful, productive, and blazing-fast approach to testing?
Join our webinar with
@paulweveritt
,
@SergeySimonchik
, and guest Dominik G to see Vitest in action on real projects.
📅 February 23, 5:00 pm (UTC)
🎟 Details and registration:
🎉 WebStorm 2020.3 is now available! 🎉
- New Welcome screen
- IDE theme synced with OS settings
- Improved work with tabs
-
@tailwindcss
support
- Improvements for JavaScript and TypeScript
- Git staging support
- New navigation features
👉
🎉WebStorm 2020.2 is now available!🎉
Here are the highlights:
- Using
@PrettierCode
as the default formatter
- Support for
@nuxt_js
- New intentions for JavaScript
- More advanced support for GitHub PRs
- New tools for finding problems in your code
👉
🎉 Let’s take a moment to appreciate the amazing team behind Volar, whose hard work powers WebStorm’s Vue integration.
To celebrate their contribution to the success of JetBrains tools, we’re donating $10,000 to help them further their mission.
📢An exciting new webinar is coming up!
Join us Tuesday, March 2, for our free “Getting Started With Svelte in WebStorm” webinar, featuring
@tomblachut
. We’ll talk about what Svelte is and how you can best use WebStorm in your Svelte development.
Register👉
🎉 WebStorm 2019.2 is now available! 🎉
What's new:
- Syntax highlighting for 20+ languages
- New UI of completion popup
- Better support for Vuetify and BootstrapVue
- Completion for mistyped keywords and names, and more!
👉
⭐️ WebStorm 2018.3 is here! ⭐️
What’s new:
- Much-improved Angular support
- Better autoimports in JavaScript
- View GitHub Pull Requests in the IDE
- Debug Node.js worker threads
- More on
🎉WebStorm 2019.3 is now available!🎉
What’s new:
- Faster startup
- More advanced Vue.js support
- Name suggestions for new symbols in JavaScript
- Support for Yarn 2 and TypeScript 3.7
- Updated UI for cloning projects
- Run Anything action
👉
WebStorm 2022.2 is now available, with:
• Support for
@angular
standalone components
• Updates for
@vuejs
3
•
@typescript
4.7 support
• Built-in remote development
• New features for the code editor
See what else is new:
🎉 WebStorm 2018.2 is now available! 🎉
What’s new:
- Extract React Component refactoring
- Integration with ‘ng add’
- Run and debug apps using Node.js on WSL
- Support for TypeScript 3.0
- More on
You can now use
@ChromeDevTools
and WebStorm's debugger at the same time! Put the breakpoint, resume the execution and step through the code in any tool – all is synchronized!
WebStorm 2023.2 is out now!
🔷Formatted TS and JS errors
🔷
@vuejs
improvements and Language Server support
🔷
@gitlab
integration
🔷Option to commit specific lines of code
@github
🔷Improvements for
@preactjs
and
@solid_js
See what else is new:
🎉WebStorm 2021.2 is now available!🎉
- Reload pages in your browser on save
- Auto-import for require()
- Actions on save
- Improvements for React
- Completion for private npm packages
- New pre-commit check
- Usability enhancements
👉
📢 Calling all JavaScript learners!
Join us on October 26 for a live-coding webinar for beginners – “Build Whack-a-Mole in 1 Hour”.
We’ve invited
@ania_kubow
to show you how to build a game of Whack-a-Mole in HTML, CSS, and JavaScript.
Register today 👇
Happy birthday
@JavaScript
! It’s already December 4 on the International Date Line, so let the celebration begin! Check out the timeline of the most memorable events from JavaScript’s history and get 50% off WebStorm for the next 25 hours.
#javascript25
WebStorm 2023.1 EAP
#3
is now out with:
🚀 Initial
@astrodotbuild
support
🐳 Docker improvements
🌟 New UI: vertical split for tool windows and Compact Mode
Learn more and give it a try:
🥳 WebStorm 2022.1 is now available! 🥳
- Better Next.js support
- Support for Volta and Corepack
- Improvements for Docker
- ESM support for webpack configuration
- Run commands from Markdown files
- Updated Annotate with Git Blame
👉
WebStorm 2017.3 is now available! 🎉
It brings improved Vue support, new refactorings, better docs for JavaScript, a new tool for testing REST APIs, and much more!
Need to test an HTTP request?
- Create a new HTTP Request scratch file (Shift-Cmd-N / Ctrl-Alt-Shift-Insert)
- Type the request
- Click Run next to it
- See the results in the tool window
#WebStormTip
WebStorm 2023.1 will automatically transform your single- or double-quoted strings into template literals whenever you type “${”. This works for raw strings as well as for JSX properties.
#NewInWebStorm
We’ve improved how we present type errors in JavaScript and TypeScript. Your errors and warnings are now formatted in a more readable way, making it easier to spot problems in your code.
#NewInWebStorm
Read the blog post to learn more 👉
A new WebStorm 2018.2 EAP is now available!
What’s new:
- Extract React component refactoring
- Global File Watchers
- Improved support for Angular CLI schematics
- Rerun failed tests
More in
In WebStorm, you can test regular expressions on the fly. For this, place the caret at the expression you want to test, press Alt+Enter, select “Check RegExp” and then try a few sample combinations in the appeared popup.
#WebStormTip
#NewInWebStorm
You can now select a number of local commits in the Log tab of the Git tool window and squash them into one. The new action is available from the context menu, which can be invoked with a right-click.
WebStorm 2024.1.1 is now available with important fixes for bugs that regretfully made it to the latest release. We are genuinely sorry and will take measures to ensure this does not happen again. Learn more and upgrade 👇
WebStorm 2018.1.2 is now available! ✨
What’s new:
- Rename for the Angular component class now renames all the related files
- Support for new import style in RxJS 6 and new lifecycle methods in React
Learn more:
There’s great news for Vue users! Vue Language Server (Volar) support has landed in WebStorm to provide more accurate error detection and better type information in the quick navigation and documentation popups.
#NewInWebStorm
Learn more 👉
WebStorm 2020.2 EAP
#2
is now available!
What's new:
- Use Prettier as the default formatter
- Go over problems in code with the new Inspections widget
- Squash local commits from the log
- Have more space when viewing results of comparing branches
👉
If you’re migrating to webpack 4, WebStorm 2018.1 can help you!
As soon as you’ve updated the dependency, you will get code completion and docs for the new options in webpack.config.js and WebStorm will highlight the options that are no longer supported.
WebStorm turns 12 today and it wouldn’t be a birthday without a
#Tshirtgiveaway
👕
To enter, let us know in the comments: When did you first start using WebStorm and why? Any “old-timers” who’ve been with us all these years? 😃
Winners will be randomly selected on Monday!
WebStorm 2018.1 Public Preview is now available! Please give it a try and share your feedback 😺
It has lots of new features we hope you will like: Extract Vue component, Reformat with Prettier, partial Git commits...
🎉 WebStorm 2020.3.1 is available for Macs with the new Apple M1 chip 🍎
Download a WebStorm build for Apple Silicon on our website or in the
@JBToolbox
.
WebStorm now has sticky lines, which help you navigate large files without losing context. Key structural elements, like function or class declarations, stay pinned at the top as you scroll 📌
#NewInWebStorm
New in WebStorm 2018.1: paste the HTML code to the React component and WebStorm will replace `class` attributes and on-event handlers with `className`, `onClick`, `onChange`, etc.
#WebStormTip
🎉 WebStorm 2019.1 Early Access is now available! 🎉
What's new:
- Improved navigation for Angular components
- Better support for TypeScript in .vue files
- Updated HTML docs
- And much more:
Need to add `console.log()`?
Type “log” and press ⇥ or Tab to add the function to your code. You can even add a value, then type “.log”, and press ⇥ or Tab.
#WebStormTip
Are all CSS colors looking the same in your editor? 🎨
In WebStorm, you can enable the "Show CSS color preview as background" option in Settings | Editor | General | Appearance to tell the colors apart more easily.
#WebStormTip
Vue Language Server is now enabled by default for all Vue projects, including Nuxt-based ones. If needed, you can opt out of using it via Settings | Languages & Frameworks | TypeScript | Vue.
#NewInWebStorm
Tomorrow is a very special day for all of us in the JavaScript community. Do you remember what’s special about it?
We’re preparing gifts for you so you can celebrate with us! Stay tuned.
Thanks
@fireship_dev
for featuring us in your video!
By the way, we removed AngularJS, Cordova, and Meteor from the project wizard in WebStorm 2022.2 and plan to make a few more changes soon 😉
Need to add `console.log()`?
Type “log” and press ⇥ or Tab to add the function to your code. You can even add a value, then type “.log”, and press ⇥ or Tab.
#WebStormTip
Our new UI is out of Beta! It includes:
⚒️ Improved toolbar customization
🎨 Colored project headers
💡 Light Theme with a sleek header
🍔 Reworked hamburger menu
📌 Pinnable run configurations in the Run widget
#NewInWebStorm
Learn more 👉
⚡️ A new WebStorm 2018.3 Early Preview build is here! ⚡️
- Lots of improvements in Angular support: better completion for pipes, ngFor, and template reference variables
- Completion for previous package versions in package.json
More details:
Make your code easier to read by selecting the `Show method separators` option in Settings | Editor | General | Appearance to add separators between functions and class methods ✨
#WebStormTip
Want to extract an
@angular
component from your template? Select the component you want to extract, open the context menu with a right-click, and go to Refactor | Extract Component.
#WebStormTip
📢A new webinar is coming up!
Join us Tuesday, June 29, for our free “Web-types for Vue and Beyond” webinar, featuring
@PiotrekTomiak
.
Register to learn how you can use web-types to your advantage:
📺 Watch the third episode of JS Roundup, our monthly series where we gather the most interesting news from the world of JavaScript.
@ebenezerDN
and
@paulweveritt
cover
@deno_land
1.14,
@meteorjs
2.4,
@sveltejs
updates, and more.
Go check it out!
⬇️⬇️⬇️
WebStorm 2023.3.3 is out with some updates:
✏️ Syntax highlighting for
@reactjs
client and server components
🔺 Improved
@angular
17 support
🪲 And other essential fixes
Find out more in the blog post 👇
In WebStorm 2024.1, you’ll find the new Language Services widget pinned to the status bar. It gives you insights on all the language services relevant to your file and project. Plus, you can even tweak settings or restart services directly from there.
#NewInWebStorm
Ever been in a situation where you accidentally deleted the code you’d been working on for a while? With Local History, you can quickly get it back: right-click on the project root, select Local History | Show History & restore what's needed.
#WebStormTip
Using the Extract Interface refactoring in TypeScript you can now create a new inteface based on the object structure. That’s available in WebStorm 2018.3.2.
#WebStormTip
Don't need to commit all the changes made in a file? No problem!
Use checkboxes in the diff view of the commit dialog to select those you want to commit.
#WebStormTip
#WebStormTip
Did you know that WebStorm lets you test regular expressions on the fly? Place the caret at the expression you want to test, press Alt+Enter, select`Check RegExp`, and try a few sample combinations in the appeared popup.
More tips: