Skip to content
| Marketplace
Sign in
Visual Studio Code>Snippets>Dev Xonado SnippetsNew to Visual Studio Code? Get it now.

Dev Xonado Snippets

mauricioromagnollo

|
7 installs
| (0) | Free
Visual Studio Code snippets by Dev Xonado
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

BADGE_VSCODE BADGE_VERSION BADGE_LAST_UPDATED BADGE_INSTALLS BADGE_LICENSE

My Visual Studio Code snippets.

🌎 Extension | 🏡 Github Repository


⚙️ Installation

To install the extension, you can use this command:

ext install mauricioromagnollo.devxonado-snippets

Or, search for Dev Xonado Snippets in the Visual Studio Code Extensions menu.


🔤 Supported Languages

  • JavaScript (.js)
  • TypeScript (.ts)
  • TypeScript React (.tsx)
  • Shell Script Bash (.sh)

🧪 Testing

  • Press F5 to open a new window with your extension loaded;
  • Create a new file with a file name suffix matching your language;
  • Verify that your snippets are proposed on IntelliSense;
  • You can relaunch the extension from the debug toolbar after making changes to the files listed above;
  • You can also reload (Ctrl+R or Cmd+R on Mac) the VS Code window with your extension to load your changes.

OR,

You can run npm test to generate package and install into your VSCode.


📝 Snippets

Below is the list of all avaible Snippets. Press TAB key to trigger the snippet when you see the Snippet Display Name in your Visual Studio Code.

JavaScript and TypeScript

Trigger Description Snippet Display Name
import Create one import (using require or import) "Snippet: require" or "Snippet: import"
desc Create new test suite using (test or it in test case) "Snippet: Test Suite (test)" or "Snippet: Test Suite (it)"
test Create one test case (using it or test) "Snippet: Test Case: (test)" or "Snippet: Test Case (it)"
todo Create one todo test case "Snippet: Test Case (todo)"

Bash

Trigger Description Snippet Display Name
bash Create one shell script bash file "Sinppet: New Bash File"

React (TypeScript)

Trigger Description Snippet Display Name
rfc Create one new functional component in React based in filename "Snippet: Create New React Functional Component"
styled Create ReactJS Styled Components file "Snippet: Create New Styled Components File"

🌱 Contributing

  1. Fork this repository
  2. Create one Branch git checkout -b feature/my-feature
  3. Add you changes git add .
  4. Commit your changes git commit -m "feat: add my new feature example"
  5. Push your Branch git push origin feature/my-feature
  6. Open one Pull Request

Thanks to contribute! 🤝


📚 References

  • Visual Studio Docs: User Defined Snippets
  • Visual Studio Api: Publishing Extensions

📜 License

MIT © Maurício Romagnoli.

  • Contact us
  • Jobs
  • Privacy
  • Terms of use
  • Trademarks
© 2023 Microsoft