Pular para o conteúdo principal

Vue JS 2 - Editor de texto e snippets

Desde inicio do ano venho estudando e experimentando Vue JS. Já havia feito aplicações em angular antes mas resolvi verificar este Framework com tamanho pequeno e uso de virtual dom.
Destes experimentos o melhor de todos foi a possibilidade de substituição de código jquery complexo por componentes em Vue. E isto foi possível mesmo em aplicações de código legado sem o uso de node com webpack, fazendo uso do Vue e Vuex com script em ES5.

Para auxilio na construção das soluções tenho utilizado o visual studio code, quem ainda não utiliza fica o link para download deste ótimo editor.




Dentro do visual studio code você pode utilizar code snippets como plugins para auxilio na geração de código. O code snippet que mais gostei foi:



Espero que gostem. Se vocês utilizam outro editor e tiverem um bom intelisense ou coleção de snippets deixem um comentário :)
Marcadores:

Comentários

Postar um comentário

Postagens mais visitadas deste blog

Dica: Extensão Indentar código VUE Visual Studio Code

Olá Por muitas é necessário um atalho para formatar o seu código fonte no editor de texto. Para formatação de HTML, CSS, JS e afins no visual studio code você pode utilizar o: HTML Snippets Mas esta extensão acima não formata arquivos de template .vue . Para formatar este tipo de arquivos é necessário instalar alguma outra extensão. Entre as que busquei a que faz o serviço da melhor forma atualmente utilizando o atalho alt+shift+f   é o plugin ventur: Vetur Este plugin é muito bom mesmo. Facilitou bastante a formatação de fontes em templates .vue. É isso espero que ajude;)
Postar um comentário
Leia mais

Migrando repositório TFS para GIT

Chega o momento em que decidimos migrar do TFS para GIT por 'N' motivos e benefícios que esta migração pode trazer. Caso você tenha uma repositório de longa data e queira manter o histórico de checkins, o  git-tfs auxilia nesta tarefa. Uma das minhas formas preferidas para instalar é através do chocolatey . Com o chocolatey instalado em sua máquina basta abrir o powershell em modo admin e digitar: cinst GitTfs No powershell para clonar o repositório TFS para seu repositório git você deve digitar o seguinte comando: git tfs clone http : //meutfs.com $/diretoriotfs c : /diretorio-alvo-clone --branches=all -u=CORP\Usuario -p=****** Para mais opções de comando segue link do github do projeto.
Postar um comentário
Leia mais

Upload de arquivos sem refresh na página

Olá. Algumas vezes temos a necessidade de enviar dados sem dar refresh na página. Mas isto torna-se mais engenhoso quando entre estes dados temos arquivos. Para solucionar este cenário temos uma facilidade com jQuery. Para enviar arquivos é necessário trabalhar com os parâmetros de ajax contentType e processData. No exemplo abaixo temos uma função genérica que servirá tanto para formulário com ou sem imagem: $(form).on('submit', function () {     var data;     var contentType = "application/x-www-form-urlencoded";     var processData = true;     if ($(this).attr('enctype') == 'multipart/form-data') {         data = new FormData($(this).get(0));//seleciona classe form-horizontal adicionada na tag form do html         contentType = false;         processData = false;     } else {       ...
Postar um comentário
Leia mais