{"id":1967,"date":"2018-12-05T18:45:31","date_gmt":"2018-12-05T18:45:31","guid":{"rendered":"https:\/\/blogs.msdn.microsoft.com\/typescript\/?p=1855"},"modified":"2019-02-20T10:45:30","modified_gmt":"2019-02-20T17:45:30","slug":"intellicode-for-typescript-javascript","status":"publish","type":"post","link":"https:\/\/devblogs.microsoft.com\/typescript\/intellicode-for-typescript-javascript\/","title":{"rendered":"IntelliCode for TypeScript\/JavaScript"},"content":{"rendered":"<div style=\"font-size:16px\">\n<span>At Build 2018, <\/span><span>Microsoft <\/span><span>announced Visual Studio <\/span><span>IntelliCode<\/span><span>, a set of capabilities that provide AI-assisted development. In collaboration with the <\/span><span>IntelliCode<\/span><span> team, we are excited to announce that we are now bringing <\/span><span>IntelliCode<\/span><span> to TypeScript\/JavaScript users through the <\/span><a href=\"https:\/\/aka.ms\/vsicblog\"><span>IntelliCode extension for VS Code<\/span><\/a><span>.<\/span><span>\n<\/span><\/p>\n<h3><span>What is <\/span><span>IntelliCode<\/span><span>?<\/span><span>\u00a0<\/span><\/h3>\n<p><span>IntelliCode<\/span><span> augments your IntelliSense by recommending <\/span><span>commonly used completion items<\/span><span> for your current context at the top of your list. These contextual recommendations are generated by <\/span><span>common<\/span><span> practices<\/span><span> learned from having <\/span><span>IntelliCode<\/span><span> train across thousands of<\/span><span> real-world <\/span><span>projects. This saves you time by putting what you\u2019re most likely to use at the top of your list, so you don\u2019t have to search though alphabetical suggestions.\u00a0<\/span><span>\u00a0<\/span><\/p>\n<h3><span>How does it work for <\/span><span>TypeScript\/<\/span><span>JavaScript<\/span><span>?<\/span><span>\u00a0<\/span><\/h3>\n<p><span>Install the Visual Studio <\/span><span>IntelliCode<\/span><span> extension <\/span><span>through<\/span><span> the <\/span><a href=\"https:\/\/marketplace.visualstudio.com\/items?itemName=VisualStudioExptTeam.vscodeintellicode\"><span>marketplace<\/span><\/a><span> or <\/span><span>install <\/span><span>it <\/span><span>from the Extensions tab in Visual Studio Code. Then, just open a TypeScript or JavaScript file and start editing. You will start seeing <\/span><span>IntelliCode<\/span> <span>recommendati<\/span><span>ons starred and <\/span><span>raised to<\/span><span> the top of your completion list.\u00a0<\/span><\/p>\n<p><a href=\"https:\/\/devblogs.microsoft.com\/typescript\/wp-content\/uploads\/sites\/11\/2019\/01\/TS-outside-if1.png\"><img decoding=\"async\" width=\"879\" height=\"539\" class=\"alignnone size-large wp-image-1865\" alt=\"\" src=\"https:\/\/devblogs.microsoft.com\/typescript\/wp-content\/uploads\/sites\/11\/2019\/01\/TS-outside-if1.png\" \/><\/a><\/p>\n<p><span>IntelliCode<\/span><span> will <\/span><span>change<\/span><span> its recommendations depending on the context and sort your options by relevance in that specific situation. <\/span><span>For instance, <\/span><span>if<\/span> <span>an element, like <\/span><b><span>map<\/span><\/b><span>,<\/span> <span>is <\/span><span>being used in <\/span><span>a conditional statement or a loop, you will see methods that you would most likely use <\/span><span>to create the condition. If you check the completions for <\/span><b><span>map <\/span><\/b><span>again inside the conditional, you\u2019ll see a different suggestion list.\u00a0<\/span><span>\u00a0<\/span><\/p>\n<p><a href=\"https:\/\/devblogs.microsoft.com\/typescript\/wp-content\/uploads\/sites\/11\/2019\/01\/intellicode_31.gif\"><img decoding=\"async\" width=\"1402\" height=\"772\" class=\"alignnone size-full wp-image-1885\" alt=\"\" src=\"https:\/\/devblogs.microsoft.com\/typescript\/wp-content\/uploads\/sites\/11\/2019\/01\/intellicode_31.gif\" \/><\/a><\/p>\n<p><span>IntelliCode<\/span><span> will a<\/span><span>lso a<\/span><span>ssist you across different JavaScript libraries, whether you\u2019re writing client-side code with libraries like React, Angular, or Vue, or doing server-side development with Node.js and Express.<\/span><span>\u00a0<\/span><\/p>\n<p><a href=\"https:\/\/devblogs.microsoft.com\/typescript\/wp-content\/uploads\/sites\/11\/2019\/01\/express1.png\"><img decoding=\"async\" width=\"879\" height=\"451\" class=\"alignnone size-large wp-image-1875\" alt=\"\" src=\"https:\/\/devblogs.microsoft.com\/typescript\/wp-content\/uploads\/sites\/11\/2019\/01\/express1.png\" \/><\/a><\/p>\n<p>&nbsp;<\/p>\n<h3><span>How do I report feedback and issues?<\/span><span>\u202f<\/span><span>\u00a0<\/span><\/h3>\n<p><span>IntelliCode<\/span><span> is in experimental preview and our team would appreciate your feedback as we progress! If you hit issues while using IntelliCode with TypeScript or JavaScript, you can report your problem on <\/span><span>the<\/span> <a href=\"https:\/\/go.microsoft.com\/fwlink\/?linkid=2005855\"><span>IntelliCode GitHub repo<\/span><\/a> or in the comments below<span>.\u00a0 For more questions, y<\/span><span>ou can also check out the<\/span> <a href=\"https:\/\/docs.microsoft.com\/en-us\/visualstudio\/intellicode\/faq\"><span>IntelliCode FAQ<\/span><\/a><span>. There is much more to come as we make more developments to the TypeScript\/JavaScript recommendations in <\/span><span>IntelliCo<\/span><span>de<\/span><span>. <\/span><a href=\"https:\/\/go.microsoft.com\/fwlink\/?linkid=872706\"><span>Sign up here<\/span><\/a><span> for future news and updates.<\/span><span>\u00a0<\/span>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>At Build 2018, Microsoft announced Visual Studio IntelliCode, a set of capabilities that provide AI-assisted development. In collaboration with the IntelliCode team, we are excited to announce that we are now bringing IntelliCode to TypeScript\/JavaScript users through the IntelliCode extension for VS Code. What is IntelliCode?\u00a0 IntelliCode augments your IntelliSense by recommending commonly used completion [&hellip;]<\/p>\n","protected":false},"author":1024,"featured_media":1797,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"video","meta":{"_acf_changed":false,"footnotes":""},"categories":[1],"tags":[],"class_list":["post-1967","post","type-post","status-publish","format-video","has-post-thumbnail","hentry","category-typescript","post_format-post-format-video"],"acf":[],"blog_post_summary":"<p>At Build 2018, Microsoft announced Visual Studio IntelliCode, a set of capabilities that provide AI-assisted development. In collaboration with the IntelliCode team, we are excited to announce that we are now bringing IntelliCode to TypeScript\/JavaScript users through the IntelliCode extension for VS Code. What is IntelliCode?\u00a0 IntelliCode augments your IntelliSense by recommending commonly used completion [&hellip;]<\/p>\n","_links":{"self":[{"href":"https:\/\/devblogs.microsoft.com\/typescript\/wp-json\/wp\/v2\/posts\/1967","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/devblogs.microsoft.com\/typescript\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/devblogs.microsoft.com\/typescript\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/devblogs.microsoft.com\/typescript\/wp-json\/wp\/v2\/users\/1024"}],"replies":[{"embeddable":true,"href":"https:\/\/devblogs.microsoft.com\/typescript\/wp-json\/wp\/v2\/comments?post=1967"}],"version-history":[{"count":0,"href":"https:\/\/devblogs.microsoft.com\/typescript\/wp-json\/wp\/v2\/posts\/1967\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/devblogs.microsoft.com\/typescript\/wp-json\/wp\/v2\/media\/1797"}],"wp:attachment":[{"href":"https:\/\/devblogs.microsoft.com\/typescript\/wp-json\/wp\/v2\/media?parent=1967"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/devblogs.microsoft.com\/typescript\/wp-json\/wp\/v2\/categories?post=1967"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/devblogs.microsoft.com\/typescript\/wp-json\/wp\/v2\/tags?post=1967"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}