I already described the configuration process for both in previous posts: Cordova Tools extension is required for debugging the application on the device.Debugger for Chrome extension is required for debugging the application in the browser, Chrome to be exact.With only two additional extensions you can debug Ionic applications both in the browser and on the device (emulated or real one): It will even provide limited diagnostics for expressions.Īnother very useful extension is Auto Rename Tag, which provides synchronous editing of matching opening and closing HTML tag. You can also navigate to definitions of Angular components and class members. It provides code completion for Angular attributes, class properties and methods, pipes, etc. My primary recommendation for editing the HTML templates is the Angular Language Service extension.
#Angular4 visual studio code extensions install#
With Ionic 2 projects already configured for TSLint, you should also install the TSLint extension to display linting errors in the code editor and the Problems window. Since Angular code highly depends on modules, you will want to install Auto Import extension, which provides quick fixes for missing imports. Select workspace version from the menu.īy default, CodeLens for TypeScript references and implementations is disabled, but you can enable it for all TypeScript projects by adding the following settings to your user settings file: "": true,.Click on the version number in status bar.Open a TypeScript file in your project.You can do that by following these steps: This will ensure that the editor will be using the same version as the build tools. My first suggestion is that you set VS Code TypeScript version to the local one, as specified in package.json file. Ionic 2 comes preconfigured for writing code in TypeScript, just like Angular. In this post I'm going to describe my current configuration and the selection of extensions that I'm using when doing Ionic 2 work. On top of that, there's a lively ecosystem for extensions, which can improve the development experience even further. It has great out-of-the-box support for TypeScript, HTML and CSS editing, which is only getting better with monthly new releases. I've been doing a lot of Ionic 2 development lately, and Visual Studio Code has been my editor of choice during all that time.
0 kommentar(er)
