General web development updates in Rider 2017.3
We’ve also added a preview panel for SVG files that helps visualize the syntax we are editing. Updates were made to detecting package.json files, helping Rider suggests installing or updating npm packages.
Not all of these will be covered in this post, however. Let’s start with the general web development updates in Rider 2017.3!
This post is part of a series:
- General web development updates in Rider 2017.3
- Web framework updates in Rider 2017.3 – Angular, Vue.js, …
- Live Edit and Spy-JS in Rider 2017.3
The documentation available via Ctrl+Shift+F1 (Visual Studio keymap) now also includes a brief description for objects and methods, which either comes from the bundled definition files or is fetched from MDN.
For CSS, we added some additional completion suggestions for values of transform, transition, and pointer-events properties.
ESLint and TSLint
When opening a project that has a
extends to bring in more settings. Rider now comes with the Apply code style from ESLint action which will configure our project’s code styles based on it. The action shows at the top of the editor, or after pressing Alt+Enter:
When editing the
.eslintrc file, Rider also provides code completion:
Suggest installing/updating npm packages
After fetching a newer version of an application from source control or when editing the
package.json file directly, chances are newer versions of npm packages match our dependencies. Rider suggests installing/updating new packages and provides an easy way of doing this:
What else is there?
In this post, we looked at some more general web development updates in Rider 2017.3. In our next post, we’ll focus on web framework updates, with improvements in our Angular and Vue.js support, as well as added support for
--watch in Jest and Mocha test runners.
Download Rider 2017.3 and give it a go! And keep an eye on our blog as we continue the series. We’d love to hear your feedback!
Subscribe to Blog updates
Creating Custom AI Prompts
AI has swept through the software development industry like a wildfire. So people want to learn how to best use AI in their day to day tasks. In this post we’ll take a look at how to write custom prompts for use with the JetBrains AI Assistant in ReSharper and Rider so you can make the most of AI.&n…
12 Debugging Techniques In JetBrains Rider You Should Know About
Twelve must know debugging features in JetBrains Rider every developer should know.
Interceptors – Using C# 12 in Rider and ReSharper
Welcome to our series, where we take a closer look at the C# 12 language features and how ReSharper and Rider make it easy for you to adopt them in your codebase. If you haven’t yet, download the latest .NET 8 SDK and update your project files! In this series, we are looking at: Primary …