Vev Help Center
Search…
Code Editor Features
List of features available to you in the Code Editor
  • Export and use your React components directly in Vev
  • Monaco Code Editor - The Monaco Editor is the code editor that powers VS Code. You can read more about the code editor's features here.
  • npm Package Support - Install your favorite npm packages and use them in your code.
  • TypeScript (TS). TypeScript extends JavaScript by adding types.
  • Syntactically Awesome Style Sheets (SCSS). SASS is a preprocessor scripting language, learn more about this on https://sass-lang.com/​
  • VCS (Version Control System) - Complete with diff viewer and commit messages.
  • Vev Components. Great helper components which will make your development process a lot smoother.
  • Import your own scripts and styles. Create files in your file system or import them from external sources by adding a simple import to your code.
    1
    https://yourscript.url/lib.js';
    Copied!
  • Sharing Settings - Share your Code with your Team (Team or Enterprise plan only)

Vev & React & TypeScript

React is a JavaScript library; it has become among the most popular frameworks available, and there are many guides to help you get started. If you follow the guides on a page like https://reactjs.org/tutorial/tutorial.html, you will find examples that will work just fine when pasted right into the Code Editor in Vev. You can then use Vev as a sandbox without having to set up anything in advance.
The Canvas will load the component which is returned as the default export of your index.tsx file. Read more about exports and modules here.
Check out our Code: Extending Vev course for a quick course containing some practical examples of the Code Editor features.
Last modified 2mo ago
Copy link