{"id":15519229,"url":"https://github.com/pichillilorenzo/javascript-completions","last_synced_at":"2025-04-07T10:23:01.210Z","repository":{"id":21258868,"uuid":"24574477","full_name":"pichillilorenzo/JavaScript-Completions","owner":"pichillilorenzo","description":"JavaScript Completions for sublime text. It helps you to write your scripts more quickly with hints and completions.","archived":false,"fork":false,"pushed_at":"2020-10-15T04:29:18.000Z","size":4112,"stargazers_count":356,"open_issues_count":14,"forks_count":38,"subscribers_count":11,"default_branch":"master","last_synced_at":"2025-03-31T08:09:27.060Z","etag":null,"topics":["javascript-completions","javascript-plugin","javascript-tools","sublime-plugin","sublime-text","sublime-text-3"],"latest_commit_sha":null,"homepage":"","language":"Python","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/pichillilorenzo.png","metadata":{"files":{"readme":"README.md","changelog":"changelog/2.6.5.txt","contributing":null,"funding":null,"license":"LICENSE.txt","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2014-09-29T00:40:33.000Z","updated_at":"2024-10-07T15:52:04.000Z","dependencies_parsed_at":"2022-08-07T10:00:10.235Z","dependency_job_id":null,"html_url":"https://github.com/pichillilorenzo/JavaScript-Completions","commit_stats":null,"previous_names":[],"tags_count":24,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/pichillilorenzo%2FJavaScript-Completions","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/pichillilorenzo%2FJavaScript-Completions/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/pichillilorenzo%2FJavaScript-Completions/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/pichillilorenzo%2FJavaScript-Completions/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/pichillilorenzo","download_url":"https://codeload.github.com/pichillilorenzo/JavaScript-Completions/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":247632369,"owners_count":20970157,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["javascript-completions","javascript-plugin","javascript-tools","sublime-plugin","sublime-text","sublime-text-3"],"created_at":"2024-10-02T10:20:40.198Z","updated_at":"2025-04-07T10:23:01.174Z","avatar_url":"https://github.com/pichillilorenzo.png","language":"Python","readme":"\u003ch1\u003e🎉🎉 ANNOUNCEMENT - NEW PLUGIN \"JavaScript Enhancements\" RELEASED 🎉🎉\u003c/h1\u003e\n\n\u003cp\u003e\n\nI developed a new plugin with new features thanks to \u003cstrong\u003e\u003ca href=\"https://github.com/facebook/flow\"\u003eFlow\u003c/a\u003e\u003c/strong\u003e (javascript static type checker from Facebook).\n\u003cstrong\u003eSo, I will NO LONGER SUPPORT \"JavaScript Completions\" plugin, except in particular cases. I'm going to focus only on this new one!\u003c/strong\u003e\n\nYou can find it on: 👉👉 \u003ca href=\"https://github.com/pichillilorenzo/JavaScriptEnhancements\"\u003ehttps://github.com/pichillilorenzo/JavaScriptEnhancements\u003c/a\u003e 👈👈\n\nThis new plugin offers not only a \u003cstrong\u003eBETTER AUTOCOMPLETE\u003c/strong\u003e but a lot of \u003cstrong\u003efeatures\u003c/strong\u003e about creating, \ndeveloping and managing \u003ca href=\"https://github.com/pichillilorenzo/JavaScriptEnhancements/wiki/Creating-a-JavaScript-Project\"\u003e\u003cstrong\u003eJavaScript projects\u003c/strong\u003e\u003c/a\u003e, such as:\n\n- \u003ca href=\"https://github.com/pichillilorenzo/JavaScriptEnhancements/wiki/Errors-and-linting\"\u003eJavaScript real-time errors\u003c/a\u003e\n- \u003ca href=\"https://github.com/pichillilorenzo/JavaScriptEnhancements/wiki/Code-Refactoring\"\u003eCode Refactoring\u003c/a\u003e\n- \u003ca href=\"https://github.com/pichillilorenzo/JavaScriptEnhancements/wiki/Features#bookmarks-project\"\u003eLocal bookmarks project\u003c/a\u003e\n- Cordova projects (run cordova emulate, build, compile, serve, etc. directly from Sublime Text!)\n- Ionic v1 and v2 (it includes also v3) projects (same as Cordova projects!)\n- Angular v1 and v2 (it includes also v4 and v5) projects\n- Vue projects (only about the creation at this moment, see the \u003ca href=\"https://github.com/pichillilorenzo/JavaScriptEnhancements/wiki/Example-Vue.js-project\"\u003ewiki\u003c/a\u003e)\n- React projects (only about the creation at this moment)\n- React Native projects (only about the creation at this moment. I will add also **NativeScript** support)\n- Express projects (only about the creation at this moment)\n- Yeoman generators\n- etc.\n\nYou could use it also in \u003cstrong\u003eexisting projects\u003c/strong\u003e!! (see the Wiki - https://github.com/pichillilorenzo/JavaScriptEnhancements/wiki)\n\nIt will turn Sublime Text into a \u003cstrong\u003eJavaScript IDE\u003c/strong\u003e like!\n\n\u003ch3\u003eOS SUPPORTED NOW by this new plugin\u003c/h3\u003e\n\n- Linux (64-bit)\n- Mac OS X \n- Windows (64-bit): released without the use of [TerminalView](https://github.com/Wramberg/TerminalView) plugin. For each feature (like also creating a project) will be used the `cmd.exe` shell (so during the creation of a project **don't close it** until it finishes!). Unfortunately the TerminalView plugin supports only **Linux-based OS** 😞 . Has someone any advice or idea about that? Is there something similar to the TerminalView plugin for Windows?? Thanks!\n\nEmail me for any questions or doubts about this new project on: \u003ca href=\"mailto:pichillilorenzo@gmail.com\"\u003epichillilorenzo@gmail.com\u003c/a\u003e\n\nThanks for your support!!!\n\u003c/p\u003e\n\n\u003chr\u003e\n\n\u003ch2\u003eJavaScript Completions\u003c/h2\u003e\n\n[![Sublime Text](https://img.shields.io/badge/Sublime%20Text-2%20%2F%203-brightgreen.svg)](https://www.sublimetext.com/)\n[![Package Control](https://img.shields.io/packagecontrol/dt/JavaScript%20Completions.svg)](https://packagecontrol.io/packages/JavaScript%20Completions) \n[![Package Control](https://img.shields.io/packagecontrol/dd/JavaScript%20Completions.svg)](https://packagecontrol.io/packages/JavaScript%20Completions)\n\nJavaScript Completions for sublime text\n\nIt helps you to write your scripts more quickly with hints and completions.\n\n\u003cstrong\u003ejQuery\u003c/strong\u003e and \u003cstrong\u003eNativeScript\u003c/strong\u003e completions disabled by default!\nYou can enable them on Preferences -\u003e Package Settings -\u003e JavaScript Completions.\n\n\u003cstrong\u003eSome features could use npm!\u003c/strong\u003e\n\nIt will be downloaded automatically with nodejs!\n\nFeatures list:\n- \u003ca href=\"#find-javascript-description\"\u003e\"Find JavaScript Description\" Feature\u003c/a\u003e\n- \u003ca href=\"#on-hover-description\"\u003e\"On Hover Description\" Feature\u003c/a\u003e\n- \u003ca href=\"#evaluate-javascript\"\u003e\"Evaluate JavaScript\" Feature\u003c/a\u003e\n- \u003ca href=\"#can-i-use\"\u003e\"Can I use?\" Feature\u003c/a\u003e\n- \u003ca href=\"#jsdoc\"\u003e\"JSDoc\" Feature\u003c/a\u003e\n- \u003ca href=\"#context-menu-options\"\u003eContext menu options\u003c/a\u003e\n\n\u003ch2\u003eUsage\u003c/h2\u003e\n\nTo try it, just write.\n\nExamples:\n\n\u003cimg src=\"https://media.giphy.com/media/l0MYypWg9s9exQ0xi/giphy.gif\" alt=\"example #1 of JavaScript Completions\"/\u003e\n\n\u003cimg src=\"https://media.giphy.com/media/d31wQpJ2iCyGtS0M/giphy.gif\" alt=\"example #2 of JavaScript Completions\"/\u003e\n\n\u003ccode\u003edescription-Name_of_function/property/method\u003c/code\u003e shows to you the explanation of the function/property/method and its syntax.\n\nInformation about the description of function/property/method has been taken on this sites:\n\n- [http://html5index.org/index.html](http://html5index.org/index.html)\n- [https://html.spec.whatwg.org/](https://html.spec.whatwg.org/)\n- [http://www.ecma-international.org/ecma-262/5.1/](http://www.ecma-international.org/ecma-262/5.1/)\n- [https://www.w3.org](https://www.w3.org)\n- [http://api.jquery.com/](http://api.jquery.com/)\n- [https://docs.nativescript.org/api-reference/globals.html](https://docs.nativescript.org/api-reference/globals.html)\n\n\u003ch3\u003eENABLE or DISABLE completions\u003c/h3\u003e\n\nYou can ENABLE or DISABLE completions! Just go to Preferences -\u003e Package Settings -\u003e JavaScript Completions\n\n\n\u003ch3 id=\"find-javascript-description\"\u003e\"Find JavaScript Description\" Feature\u003c/h3\u003e\n\n\u003cstrong\u003eSupported only by Sublime Text 3\u003c/strong\u003e\n\nYou can check the description of function/property/method by selecting the word (or, in case, it will take the first word near the blinking cursor) you want find. \"right-click\" on your mouse and click on \"Find JavaScript Description\".\n\nIt will show a popup with the list of possible descriptions or, in some case, the direct description. \n\nKey-Map list: Preferences -\u003e Package Settings -\u003e  JavaScript Completions -\u003e Key Bindings - Default.\n\n\u003cimg src=\"https://s17.postimg.io/stsylwwn3/Schermata_2016_09_18_alle_17_41_17.png\" alt=\"example #1 Find JavaScript Description Feature\"\u003e \n\n\u003cimg src=\"https://s17.postimg.io/pyfvf1sn3/Schermata_2016_09_18_alle_17_40_28.png\" alt=\"example #2 Find JavaScript Description Feature\"\u003e \n\n\n\u003ch3 id=\"on-hover-description\"\u003e\"On Hover Description\" Feature\u003c/h3\u003e\n\n\u003cstrong\u003eSupported only by Sublime Text 3, Build \u003e= 3124\u003c/strong\u003e\n\nJust put the cursor over a name of a function, property or constructor and it will appear a little popup with all matching found from the \u003ccode\u003e/sublime-completions\u003c/code\u003e list enabled. \n\n- F = function\n- P = property\n- C = constructor\n\nExample:\n\n\u003cimg src=\"https://media.giphy.com/media/l2Sq7JFMFtMJY3Eo8/giphy.gif\" alt=\"example #1 On Hover Description Feature\"\u003e \n\n\n\u003ch3 id=\"evaluate-javascript\"\u003e\"Evaluate JavaScript\" Feature\u003c/h3\u003e\n\n\u003cstrong\u003eSupported only by Sublime Text 3\u003c/strong\u003e\n\nThis feature uses node.js installed locally by this plugin.\n\nYou can change the path of \"node.js\" and \"npm\" on Preferences -\u003e Package Settings -\u003e  JavaScript Completions -\u003e Settings - Default\n\nYou can evaluate the entire text selection or the current line! \nIf you select a text region and evaluate it, in the gutter of the editor will appear 2 white dots.\nThe first white dot represents the start of the region and the second white dot represents the end of the region.\nYou can eventually modify the region and, without reselect the same region, you can evaluate it again! \nIf you want hide this 2 dots, there is an entry on the context menu \"Evaluate JavaScript\".\n\nWhen you evaluate code, this plugin will prepend \u003ccode\u003e\"use strict\";\u003c/code\u003e automaticaly!\n\nThere are two main mode to evaluate code:\n- [eval](https://nodejs.org/dist/latest-v6.x/docs/api/cli.html#cli_e_eval_script)\n- [print](https://nodejs.org/dist/latest-v6.x/docs/api/cli.html#cli_p_print_script)\n\nKey-Map list: Preferences -\u003e Package Settings -\u003e  JavaScript Completions -\u003e Key Bindings - Default.\n\n\u003cimg src=\"https://s17.postimg.io/c7becu3pb/Schermata_2016_09_18_alle_18_07_00.png\" alt=\"example #1 Evaluate JavaScript Feature\"\u003e \n\n\u003cimg src=\"https://s17.postimg.io/fs79w288v/Schermata_2016_09_18_alle_18_08_55.png\" alt=\"example #2 Evaluate JavaScript Feature\"\u003e \n\n\n\u003ch3 id=\"can-i-use\"\u003e\"Can I use?\" Feature\u003c/h3\u003e\n\n\u003cstrong\u003eSupported only by Sublime Text 3, Build \u003e= 3124\u003c/strong\u003e\n\nThis feature uses \"can i use\" json data from this [repository](https://github.com/Fyrd/caniuse), that contains raw data from the [http://caniuse.com](http://caniuse.com) support tables.\n\nThanks to @Fyrd.\n\nYou can use this feature in HTML, CSS and JavaScript context!\n\nJust put the cursor on the word you want to check, \"right-click\" -\u003e \u003ccode\u003e\"Can I use?\"\u003c/code\u003e and it will appear an input panel with all items that have a name matching with the word.\n\nYou can use key-map: \u003ccode\u003ectrl+alt+w\u003c/code\u003e (\u003ccode\u003esuper+alt+w\u003c/code\u003e on Windows). Key-Map list: Preferences -\u003e Package Settings -\u003e  JavaScript Completions -\u003e Key Bindings - Default.\n\nAfter selecting an item from the list, it will appear a popup with all information from the [http://caniuse.com](http://caniuse.com) support tables.\n\nYou can find it under \u003ccode\u003e\"Tools\"\u003c/code\u003e menu -\u003e \u003ccode\u003e\"JavaScript Completions\"\u003c/code\u003e -\u003e \u003ccode\u003eSearch on \"Can I use\" list\u003c/code\u003e.\n\nExample :\n\n\u003cimg src=\"https://media.giphy.com/media/26ufnXCKlXwFghwDS/giphy.gif\" alt=\"example #1 Can I use? Feature\"\u003e \n\n\u003cimg src=\"http://s17.postimg.org/8hqxb0fvj/Schermata_2016_09_24_alle_21_07_44.png\" alt=\"example #2 Can I use? Feature\"\u003e \n\n\u003cimg src=\"http://s17.postimg.org/wa4u0a7a7/Schermata_2016_09_24_alle_21_07_55.png\" alt=\"example #3 Can I use? Feature\"\u003e \n\n\n\u003ch3 id=\"jsdoc\"\u003e\"JSDoc\" Feature\u003c/h3\u003e\n\n\u003cstrong\u003eSupported only by Sublime Text 3\u003c/strong\u003e\n\n\u003cstrong\u003eRequires npm\u003c/strong\u003e\n\nThis feature uses [https://github.com/jsdoc3/jsdoc](https://github.com/jsdoc3/jsdoc) to generate API documentation.\n\nYou can find it under \u003ccode\u003e\"Tools\"\u003c/code\u003e menu -\u003e \u003ccode\u003e\"JavaScript Completions\"\u003c/code\u003e.\n\nThere are 2 main menu items:\n- Generate Documentation\n- Add jsdoc configuration file to the current project folder\n\n\u003cstrong\u003eThese items can be used only with a project folder opened.\u003c/strong\u003e\n\n\u003ccode\u003e\"Generate Documentation\"\u003c/code\u003e uses the jsdoc command line to generate documentation.\n\nIt uses the defaukt \u003ccode\u003econf.json\u003c/code\u003e file for configuration.\n\nThe options (with default values) availables are:\n```json\n{\n  \"tags\": {\n    \"allowUnknownTags\": true,\n    \"dictionaries\": [\"jsdoc\",\"closure\"]\n  },\n  \"source\": {\n    \"include\": [  ],\n    \"exclude\": [  ],\n    \"includePattern\": \".+\\\\.js(doc|x)?$\",\n    \"excludePattern\": \"(^|\\\\/|\\\\\\\\)_\"\n  },\n  \"opts\": {\n    \"template\": \"templates/default\",\n    \"encoding\": \"utf8\",\n    \"destination\": \"./out/\",\n    \"recurse\": true,\n    \"tutorials\": \"\"\n  },\n  \"plugins\": [],\n  \"templates\": {\n    \"cleverLinks\": false,\n    \"monospaceLinks\": false\n  }\n}\n```\n\n\u003ccode\u003e\"Add jsdoc configuration file to the current project folder\"\u003c/code\u003e will add a \u003ccode\u003econf.json\u003c/code\u003e file with default values to the current project folder.\n\nHow to use JSDoc: [http://usejsdoc.org/](http://usejsdoc.org/)\n\n\n\u003ch3 id=\"context-menu-options\"\u003eContext menu options\u003c/h3\u003e\n\nContext menu options:\n- \u003ca href=\"#surround-with\"\u003eSurround With\u003c/a\u003e\n- \u003ca href=\"#delete-surround\"\u003eDelete Surrounded\u003c/a\u003e\n- \u003ca href=\"#create-class-from-object-literal\"\u003eCreate Class from object literal\u003c/a\u003e\n- \u003ca href=\"#sort-array\"\u003eSort array\u003c/a\u003e\n- \u003ca href=\"#split-string-lines-to-variable\"\u003eSplit string lines to variable\u003c/a\u003e\n\n\u003ch4 id=\"surround-with\"\u003eSurround With\u003c/h4\u003e\n\nYou MUST first select text to \"enable\" these options.\n\nYou can surround code with:\n- if statement\n- if else statement (this works only if you selected 2 regions, see \u003ca href=\"#context-menu-option-example-2\"\u003eexample\u003c/a\u003e)\n- while statement\n- do while statement\n- for statement\n- try catch statement\n- try catch finally statement\n\nThis option works also on multiple selections at once.\n\n\u003ch4 id=\"delete-surround\"\u003eDelete Surrounded\u003c/h4\u003e\n\nOptions are:\n- Strip quoted string\n\nThis option works also on multiple selections at once.\n\n\u003ch4 id=\"create-class-from-object-literal\"\u003eCreate Class from object literal\u003c/h4\u003e\n\nThis option create a JavaScript Class from an object literal (Constructor with all setter and getter for each field).\n\nYou can set default values or use the string \u003ccode\u003e\"required\"\u003c/code\u003e to say that a field hasn't a default value.\n\nTo work properly, you MUST declare a variable and assign an object literal to it, like this example:\n\n```javascript\nvar Person = {\n  name: \"required\",\n  surname: \"required\",\n  email: \"\",\n  age: 18\n}\n```\n\nThis option works also on multiple selections at once.\n\n\u003ch4 id=\"sort-array\"\u003eSort array\u003c/h4\u003e\n\nJust put the cursor between brackets and will appear a menu with these options:\n- Sort array ASC ( compare function: \u003ccode\u003efunction(x,y){return x-y;}\u003c/code\u003e )\n- Sort array DESC ( compare function: \u003ccode\u003efunction(x,y){return y-x;}\u003c/code\u003e )\n- Sort array alphabetically ASC\n- Sort array alphabetically DESC\n\nThis option works also on multiple selections at once.\n\nExamples of usage:\n\n\u003cimg src=\"https://media.giphy.com/media/3o7TKOwWEYUGPX4G6Q/giphy.gif\" alt=\"example #1 Other Context menu option\"\u003e \n\n\u003cimg id=\"context-menu-option-example-2\" src=\"https://media.giphy.com/media/l3vR1DjPDWRFfl3LG/giphy.gif\" alt=\"example #2 Other Context menu option\"\u003e \n\n\u003ch4 id=\"split-string-lines-to-variable\"\u003eSplit string lines to variable\u003c/h4\u003e\n\nJust put the cursor between a string with multiple lines and this option will appear in the context menu.\n\nIt will split the string and for each line will be concatenated to a variable named \"str\".\n\nThis option works also on multiple selections at once.\n\nExample:\n\n\u003cimg src=\"https://media.giphy.com/media/l2Sq0iS3ga6p9iXjq/giphy.gif\" alt=\"example #1 Split string lines to variable\"\u003e \n\n\u003ci\u003eMIT License\u003c/i\u003e\n","funding_links":[],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fpichillilorenzo%2Fjavascript-completions","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fpichillilorenzo%2Fjavascript-completions","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fpichillilorenzo%2Fjavascript-completions/lists"}