---
# System prepended metadata

title: Ambiente de desenvolvimento API Studio

---

# Ambiente de desenvolvimento API Studio
Pré-Requisitos:
 - Node versão 12 
 - Yarn
 - MongoDB versão 4.2
 - Visual Studio Code
 - Cliente GIT
 
 1. Instale o Smartfy CLI
 - Via Bash / GIT Bash:
**NPM_CONFIG_REGISTRY=https://npm.ambientes.smartfylabs.com/ yarn global add @smartfy/cli**
- Via CMD:
**set NPM_CONFIG_REGISTRY=https://npm.ambientes.smartfylabs.com/**
**yarn global add @smartfy/cli**

2. Configure a workspace
Execute o comando **smartfy-cli** (não funciona no GIT Bash)
![enter image description here](https://i.imgur.com/rWKbTiF.png)
Usando o teclado, selecione a primeira opção **Configure Workspace**
![enter image description here](https://i.imgur.com/w7EzZKT.png)
Digite um nome para a sua workspace, por exemplo, **minha-workspace**

3. Uma nova pasta será criada com o nome digitado. Abra esta pasta com o Visual Studio Code
4. Você verá um aviso pedindo para instalar algumas extensões. Estas extensões são necessárias para o funcionamento do ambiente de desenvolvimento smartfy
	![enter image description here](https://i.imgur.com/QR64qwv.png)
	Clique no botão **install**
	- Caso o aviso não apareça, clique no ícone de extensões no menu lateral e instale manualmente as extensões
	![enter image description here](https://i.imgur.com/7CrqoQs.png)
5. Configure a extensão Vetur
 Dentro do Visual Studio Code, dê o comando **Ctrl+P** e digite **> Vetur**
![enter image description here](https://i.imgur.com/ztMwB0V.png)
Selecione a primeira opção **Geerate grammar** e aperte **Enter**
Após isso, reinicie o Visual Studio Code
6. Abra o terminal dentro da workspace e digite o comando **yarn**. Este processo pode demorar alguns minutos
![enter image description here](https://i.imgur.com/3NMbEpI.png)
7. Para instalar a smartfy, digite o comando **yarn add @smartfy/core**
	![enter image description here](https://i.imgur.com/D18O8M2.png)
8. Clone o projeto API Studio
  Digite o comando **smarfy-cli** e selecione a opção **Clone existing module**
  ![enter image description here](https://i.imgur.com/0mmCu7G.png)
  Preencha a URL do repositório do API Studio no GIT (http://gitlab.araguaia.smartfy.com.br/smartfyv2/src-api-studio.git)
9. Clone o projeto Axway Connector
  Repita o mesmo processo acima, com o repositório http://gitlab.araguaia.smartfy.com.br/smartfyv2/src-axway-connector.git 
10. Modifique o arquivo **smartfy.yaml**
	Na parte de **modules** adicione mais uma linha com
	\- "@smartfy/api_studio"
	![enter image description here](https://i.imgur.com/HfwL7aZ.png)
11. Execute o comando **smartfy** para iniciar a plataforma
![enter image description here](https://i.imgur.com/F7LYRKw.png)
A API ficará disponível na porta **3000** e a interface visual na porta **8000**
![enter image description here](https://i.imgur.com/92NQR4V.png)