Top 10 Angular extensions to VS Code ( english article )

Here’s a list of my Top 10 Angular VS Code Extensions

#10 Bracket Pair Colorizer
Keep your sanity when working with brackets and braces. Extremely useful while navigating code with mulitple arrow functions.

#9 HTML CSS Class Completion
Perfect for quickly decorating HTML with the project’s available class names. Unfortunately, the class names are not scoped to the component’s folder.

#8 Angular 2 TypeScript Emmet
If you haven’t learned Emmet yet it’s definitely something to put under your belt. This plugin allows you to use the syntax directly in component templates.

#7 angular2-inline
Provides syntax highlighting for CSS and HTML within inline templates.

#6 angular2-switcher
Quickly switch between component, template, and styles with three simple key bindings.
Also supports Go to Definition of template variables by simply pressing F12 while cursor is on variable.

#5 vscode-Icons
The best Icon Pack out there! Features Angular specific icons for pipes, directives, components, modules, routing, and services. Beautify the file explorer! 🙂

#4 TSLint
If you’re not linting TypeScript you should start, especially with codelyzer. This plugin makes it dead simple to see issues in you TypeScript code. It even provides auto fixes!

#3 Angular 2+ Snippets
This is the most comprehensive snippet pack I’ve seen. It features 67 different snippets.

#2 TypeScript Hero
This plugin manages import statements and can automatically import missing dependencies. Can organize and sort imports.

#1 Path Intellisense
If there’s one plugin you add make sure it’s this one. This plugin enables autocompletion to file paths, which provides a huge boost when dealing with import statements.

Well thats the end of the list. Hopefully, you found one or two extensions you didn’t know about.
Feel free to add in the comments below any extensions I missed. Also checkout my post on adding Project Recommend VS Code Extensions to help share these extensions with the team.

Fix Ionic build android, Error: spawn EACCES ( Ionic )

Estou publicando este post pois acredito que muitos outros devs devem ter passado pelo mesmo problema. O desenvolvimento com o Ionic precisa ter acesso ao Gradle do Android Studio. Por padrão este binário não possui permissão 755 no qual permite que o Ionic o acesse para gerar as builds.

Sendo assim para resolver o problema execute o seguinte comando abaixo:

sudo chmod 755 /Applications/Android\ Studio.app/Contents/grad
le/gradle-2.2.1/bin/gradle

* Lembre-se sempre que houver um problema ao gerar uma build verifique a mensagem de erro de uma forma verbal, assim você poderá entender melhor qual o erro está acontecendo para gerar a sua build.

Hackintosh Monstro :: Instalando o Yosemite no Dell Workstation T3600 Xeon R502667 / 32 GB RAM / 2 TB HDD

Instalando o Yosemite no Dell T3600
Instalando o Yosemite no Dell T3600

 

Nesta última semana tive a oportunidade de fazer um upgrade de máquina. Substituí meu antigo Corei3 / 8GB de RAM com modcase de gabinete G5 por um Dell T3600, um verdadeiro monstro.

A configuração da máquina assusta:

ChassisDell Custom
ProcessorIntel Xeon E5-2667
(6×2.9GHz + HTT, Turbo to 3.5GHz, 32nm, 15MB L3, 130W)
MotherboardDell Custom with C600 Chipset
Memory32 GB RAM Hynix ECC DDR3-1333
GraphicsNVIDIA Quadro 4000
(256 CUDA cores, 475MHz/950MHz/2.8GHz core/shaders/memory, 256-bit memory bus)
Hard Drive(s)01 HDD SATA 2TB + SSD 120GB ( OS )
Optical Drive(s)HL-DT-ST Slimline DVD-RAM
Power SupplyDell Custom 80 Plus Gold
NetworkingIntel 82579LM Gigabit Ethernet
AudioRealtek ALC269
Speaker and mic/line-in jacks
Front SideOptical drive
3x USB 2.0
1x USB 3.0
Headphone and mic jacks
BIOS indicator lights

 

SONY DSC

Screenshots do sistema em funcionamento



 

Eu tentei iniciar o Hack com o Mac OS High Sierra mas devido aos problemas de configuração da UEFI no Clover resolvi partir para algo que eu tinha certeza que funcionaria, o OS X Yosemite com O Chimera Boot loader.

A máquina possui um desempenho realmente monstruoso, pelas configurações podemos comparar ela com um Mac Pro de última geração. Para renderização de vídeos ou mesmo trabalhar com softwares de manipulação de imagem a máquina se dá super bem.

Estou utilizando a máquina atualmente para virtualização e ambientes de desenvolvimento e também desenvolvimento mobile. A build para gerar no Ionic simplesmente são rápidas demais.

Iniciando a instalação

Primeiramente você precisará de uma imagem do sistema em seu computador para gerar um pendrive de boot. O ideal é que tenha um Mac para fazer este processo. A imagem do sistema pode ser baixar direta da AppStore.

Você precisará dos seguintes softwares:

Unibeast
Multibeast
Kext Wizard

Primeiramente você deve formatar o pendrive com o file system HFS+ Extended e bom boot Gui Partition. Abra o Unibeast e selecioneas opções que sejam adequadas ao seu hardware. No caso do T3600 utilizei:

01) Selecione Legacy Mode
02) Inject Nvida Drivers

* Para dar o boot você precisa adicionar na tela do Clover as seguintes flags de inicialização:

-v GraphicsEnabler=YES npci=0x2000

Básicamente o que você precisa para esta máquina subir o OS X é iniciar o Clover com estas flags. O driver de rede e vídeo são encontrados fácilmente pelo Multibeast. Não é necessário adicionar Kexts além do necessário como APCI etc. Caso tenham alguma dúvida de como instalar o OSX neste hardware utilize os comentários.

 

SSH desconecta quando não há atividade

A dica de hoje é para resolver aquele velho problema no SSH-Server que acontece quando você deixa o servidor em inatividade e ele derruba a conexão automáticamente.
Um problema chato mas fácil de resolver, com apenas duas linhas você resolve o problema.

Primeiramente abra o sshd_config e adicione as duas linhas abaixo:

ClientAliveInterval 60
ClientAliveCountMax 3

Feito isto reinicie o seu servidor SSH e tudo feito. No meu caso como estou testando no Debian 9 uma das formas de reiniciar os serviços é:

# systemctl restart sshd
# service sshd restart

Done! pronto se chegou até aqui sem nenhum erro no seu console o seu problema estará resolvido. Caso tenha alguma dúvida escreva nos comentários deste post

Até a próxima