How to make Intellisense Quick Info for JavaScript and CSS files to appear in Visual Studio 2017?

priyamtheone 21

In Microsoft Visual Studio Professional 2017, when I edit a JavaScript or CSS file, the Intellisense Quick Info for Members, Objects and other keywords don't appear. However, when I open the same files in Visual Studio Code 1.66.0, Intellisense Quick Info is shown properly. This results in me failing to interpret the significance of JS and CSS functions and keywords, hence, causing a ream of inconvenience to me. Why is this happening and how can I make Quick Info appear properly for JS and CSS files in Visual Studio 2017? Any help on this matter is greatly complimented.

Regards

Please take a look at the screenshots below:

VS Code showing Quick Info for response.cookie() method in JS file

Visual Studio 2017 not showing Quick Info for the same JS file

VS Code showing Quick Info for background-attachment property in CSS file

Visual Studio 2017 not showing Quick Info for the same CSS file

Tianyu Sun-MSFT 33,356 Reputation points Microsoft Vendor

2022-04-01T13:25:01.137+00:00

Hi @priyamtheone , welcome to Microsoft Q&A forum. There are some differences on IntelliSense feature between VS and VS Code. But it should work. You can check if the quick info shows by manually clicking Edit > IntelliSense > Quick Info.
priyamtheone 21 Reputation points

2022-04-06T17:58:47.42+00:00

I tried, but it doesn't appear that way either. What am I missing?
Tianyu Sun-MSFT 33,356 Reputation points Microsoft Vendor

2022-04-20T08:22:19.327+00:00

Hi @priyamtheone , after doing some tests, I think VS IntelliSense may provide related IntelliSense information based on the related imported libraries. I’d like to test the first sample that you shared, could you share full JS codes about response.cookie() or other sample codes to reproduce this issue(For the second sample you shared, I can reproduce it)?

Regards,
Tianyu
priyamtheone 21 Reputation points

2022-04-22T19:47:31.267+00:00

Hi Tianyu,

The first sample that I shared is an Express JS app wherein there's a simple webpage with an option that asks a user for their favourite colour. Once the colour is selected, set that colour as the background colour of the webpage using a cookie so that every time the user visits the page, they see the same colour as long as the cookie is not cleared.

I'm sending the file Cookie_bg_color.txt containing the codes about response.cookie() as attachment with this post. Open the file and save it as a JavaScript file with a .js extension. Then follow the instructions given below in my next post to reproduce the issue.

195667-cookie-bg-color.txt
priyamtheone 21 Reputation points

2022-04-22T19:52:22.05+00:00
To run the application:

Install Node.js

Create a directory and put the Cookie_bg_color.js file into it.

Open the directory in command prompt and type npm init. This will install a package.json file for your application in the directory. While running npm init, just hit ENTER to accept the defaults when prompted for.

Now in the same directory type npm install express to install Express.

After Express is installed successfully, type node Cookie_bg_color.js in the command prompt.

Once you see the message Application listening at 3000... in the command prompt, open your browser and type localhost:3000. That will open the page. Thereafter, you can change the colour of the page and see how the cookie works.

That's a brief of how you run the application. However, the problem is when you open the JS file in Visual Studio Professional 2017, you don't see any Intellisense or Quick Info appear for the JavaScript methods and keywords, that do appear in VS Code.

Hope I could make you understand and help you in reproducing the issue. Please try and see how it works on your end and get back to me if you can come up with something.
priyamtheone 21 Reputation points

2022-04-22T19:56:33.193+00:00

You said earlier that you could reproduce my second code sample. So how did it go? Could you see Intellisense or Quick Info appear for CSS properties in Visual Studio 2017 in that case?
Tianyu Sun-MSFT 33,356 Reputation points Microsoft Vendor

2022-04-25T08:18:00.457+00:00

Hi @priyamtheone ,

Thank you very much for sharing me the codes,

I tested on my side in VS 2017 and VS 2019 by following the steps you mentioned. I could see the prompted information and VS looked work well. See below screenshot:

I think you may miss some components while installing VS. Could you tell me which workloads and components you selected when you were installing VS 2017? Besides, I think you can check if following option was selected in VS Installer > VS 2017 > Modify > Development activities > JavaScript and TypeScript language support.

And, please check if you also enable the language service in VS > Tools > Options > Text Editor > JavaScript/TypeScript > Language Service > Enable the new JavaScript language service.

Regards,
Tianyu
priyamtheone 21 Reputation points

2022-04-29T11:17:15.897+00:00
First, let me inform you that while installing VS Professional 2017 in my PC, the following option was already selected in VS Installer > VS 2017 > Modify > Development activities > JavaScript and TypeScript language support.

Secondly, In Visual Studio settings, the option Enable the new JavaScript language service is already checked under VS > Tools > Options > Text Editor > JavaScript/TypeScript > Language Service.

Finally, you sought about the workloads and components I selected while installing VS Professional 2017. Below is the list of workloads that were selected:

.Net desktop development

Desktop development with C++

ASP.NET and web development

Data storage and processing

And regarding the list of components that were selected, I'm attaching a vsconfig.txt file that contains all the selected components. Please check on it.

Regards

197727-vsconfig.txt
priyamtheone 21 Reputation points

2022-06-03T11:15:50.74+00:00

Just thought of informing you. I just updated to Visual Studio Professional 2022 and the problem of IntelliSense QuickInfo not appearing for JavaScript methods and properties got resolved. JavaScript files are now showing QuickInfo properly. But the problem still remains with CSS files even in VS 2022.

Share via

How to make Intellisense Quick Info for JavaScript and CSS files to appear in Visual Studio 2017?

Your answer