COLT is JavaScript application development software. COLT makes it easier to immediately debug the code. It does so delivering live JS, HTML and assets updates to running application without restarting it. COLT also has run-time code analysis features, helps to write code (code completion and jsdocs), and to inspect JS objects Webstorm COLT commands: Show Value Select variable or expression and invoke this command to see selection last known value in Webstorm console. This command makes you forget about console.log() when you only want to check variable value. The runtime environment does console.log() for you and you can see the value in browser or node-webkit Developers Tools where you can inspect the value in detail. This command allows to check the values in functions that were already executed. Reload with COLT Reloads the page/app. The command only works if live сессия is active. Use this when you need to reload the page, or node.js script. Execute Function You can run particular function on demand with this command. For example, you can modify function logic and call it again to see the changes. Important - the function will receive the same arguments that it had the last time it was called by your application. The arguments will be undefined if the function was never called before. HTML updates algorithm Modern application development assumes using multiple html files. One Page Application. Every tag in your project gets globally unique identifier, that allows to locate it in your application no matter how did it get there. So when you change the tag in any file in the project, its new state will be reflected at run-time. To help you see the changes, this tag will be temporary highlighted with grey border. Keep in mind that these HTML and JS updates work across any connected browsers and devices, mobiles, TVs, etc. Angular Support Directives are recompiled after HTML live-update. In other words, if you changed your directive, such as , you will see your data from $scope instead of curly brackets after update. Our HTML recompilation algorithm is smart enough to handle things like ng-repeater. To better see the effect of your changes we highlight affected element with red border. HTML updates and directives recompilation can work with dynamically added HTML. You can edit the template already loaded into main page through ng-router and see the end result immediately. Live-Proxy You can specify web URL as main document in the project settings. In this case COLT will load web pages and resources from web server, and transform them to make it work in live mode on the fly. As soon as the resource is modified on the server, COLT will react and deliver updates to all connected clients. Now it does not matter what technology or languages are you using on serverside. Sublime будет will still get updates, compile, and trace to the console. You only need to make sure your files are synced to server using your favorite existing solution. We expect this to help you use COLT and livecoding in large projects with complex serverside.
↧