Vision-IDE GUI && Usage
This article is used to introduce the usage of Vision-IDE, introduce the main page in the form of graphics, and complete the deployment of smart contract and function call.
Home page
![homepage.png 1108](https://files.readme.io/cdebcf9-homepage.png)
The main interface of Vision-IDE is mainly composed of the above sections 1-4:
- Left 1 position, plug-in selection menu
- Left 2 position, plug-in function menu
- Right 3 position, Home page and plugin function menu page
- Right 4 position, log and terminal
Deploy smart contracts and call the function
Login account and select network
Before deploying a smart contract, you need to log in to Vtimes with the account which you want to deploy the smart contract.
![wallet.png 510](https://files.readme.io/84a8219-wallet.png)
Select the node
![node-m.png 360](https://files.readme.io/13fb367-node-m.png)
Creat a smart contract
To deploy a smart contract, you need to use the Plugin Manager to load the corresponding plug-ins. File Explorers are loaded by default. In the function menu of this plug-in, we can create a new file through the button to edit a smart contract .
![create.png 1108](https://files.readme.io/81f86f1-create.png)
![faucet.png 1108](https://files.readme.io/3878188-faucet.png)
Compile Smart Contract
Use the SOLIDITY compiler plug-in (Solidity compiler), select the appropriate version, and compile the edited smart contract. After the compiling is successful, it will return the compiling result information, including ABI, Bytecode, etc .; if the compilation fails, the specific information in red will be returned in the lower left .
![compile.png 1108](https://files.readme.io/ca3b3c4-compile.png)
Deploy Smart Contracts
After successful compilation, use the deployment plugin (DEPLOYMENT). After successful deployment, the terminal will return transaction information.
![20210408103933.jpg 3344](https://files.readme.io/dbfe70a-20210408103933.jpg)
transfer the function of the smart contract
After successful deployment, the smart contract address is automatically loaded, and the function can be transfered in the drop-down menu; the existing smart contract address can also be loaded through the button 'At Address'.
![20210408104523.jpg 3354](https://files.readme.io/bd1bc42-20210408104523.jpg)
Updated over 2 years ago