With the launch of the CLI, we will start the process of deprecating the Code Editor. For a forward-looking approach, we encourage you to create all new widgets using the CLI. Read more
List of features available to you in the Code Editor
Change functionality of existing elements and addons
Create your own Elements/Add-ons
Build React components as Vev elements.
CLI Option in BETA (check out https://developer.vev.design/ for more information)
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, such as:
import 'https://yourscript.url/lib.js';
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.