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.

Visual Studio Code

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:

Vue 2 Snippets

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

Comentários

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;)

C# :Removendo propriedades nulas ao serializar JSON

Olá Para serializar uma classe em formato JSON em c#,por muitas vezes é utilizado o pacote Newtonsoft . Em alguns momentos há a necessidade de serializar somente as propriedades que estiverem preenchidas no objeto, removendo assim as que estiverem nulas. Para isto você pode utilizar a propriedade NullValueHandling da classe JsonSerializerSettings . Segue exemplo: Até a próxima

Como criar componente dropdown com checkbox ASP.NET MVC

Neste post irei demonstrar a criação de um componente dropdown com checkbox para selecionar as opções desejadas. Para começar podemos criar uma classe estática para criar o componente que será utilizado numa página razor. public static class Extensions { public static MvcHtmlString DropdownCheckbox( this HtmlHelper helper, string placeholder, IEnumerable<SelectListItem> selectList, object htmlAttributes) { string items = "" ; string rodape = "" ; if (htmlAttributes == null ) { htmlAttributes = new { }; } var attributes = new ExpandoObject() as IDictionary< string , Object>; foreach (PropertyInfo property in htmlAttributes.GetType().GetProperties()) { attributes.Add(property.Name, property.GetValue(htmlAttributes)); } string idDropdown = "dr

Jozimar Back's codding blog

Pesquisar este blog