Ambiente de Desenvolvimento - FEDORA 30

Artigo com o objetivo de compartilhar algumas ferramentas de uso diário, para o desenvolvimento de aplicações web e mobile.


Ambiente de Desenvolvimento - FEDORA 30

Ambiente de Desenvolvimento - FEDORA 30

GitHub stars - GitHub forks - Twitter Follow

Introdução

O principal objetivo deste artigo é compartilhar algumas ferramentas utilizadas em meu dia a dia para o desenvolvimento de aplicações web e mobile.


Antes de você começar

O desenvolvimento deste artigo foi realizado em ambiente Linux, utilizando o sistema operacional Fedora 30. Utilizei o Terminal para executar os commands descritos aqui.

Foi citado o Fedora 30, entretanto, as ferramentas estão disponíveis para outros sistemas também.

lsb_release -a  # verificar detalhes do sistema

Quando for necessário executar um comando como root, descreverei o conteúdo da seguinte forma. Exemplo:

sudo dnf install xyz  # comando de exemplo

Recomendo que você utilize o sistema operacional de sua escolha, adaptando este artigo de acordo com a necessidade.

Adicional | Editor:

VSCode: Visual Studio Code é um editor de código-fonte leve, mas poderoso. \o/


Instalação dos programas

Nem todos os programas mencionados aqui requer a utilização do comando sudo.

Será demonstrado aqui apenas a instalação das ferramentas.

Os comandos foram realizaodos no Terminal usando o [Bash][bash]


Angular CLI

Instalação:

sudo npm install -g @angular/cli

Informações:

ng --help
ng --version

Detalhes neste link


Cordova

Instalação:

sudo npm install -g cordova

Informações:

cordova --help
cordova --version

Detalhes neste link


Fedy

Instalação:

sudo dnf install https://dl.folkswithhats.org/fedora/$(rpm -E %fedora)/RPMS/fedy-release.rpm

sudo dnf install https://download1.rpmfusion.org/free/fedora/rpmfusion-free-release-$(rpm -E %fedora).noarch.rpm https://download1.rpmfusion.org/nonfree/fedora/rpmfusion-nonfree-release-$(rpm -E %fedora).noarch.rpm

sudo dnf install fedy

Abrir:

fedy

Informações:

fedy --help

Detalhes neste link


Firebase tools

Instalação:

sudo dnf install https://dl.folkswithhats.org/fedora/$(rpm -E %fedora)/RPMS/fedy-release.rpm

sudo dnf install https://download1.rpmfusion.org/free/fedora/rpmfusion-free-release-$(rpm -E %fedora).noarch.rpm https://download1.rpmfusion.org/nonfree/fedora/rpmfusion-nonfree-release-$(rpm -E %fedora).noarch.rpm

sudo dnf install fedy

Informações:

firebase --help
firebase --version

Detalhes neste link


Flameshot

Instalação:

sudo dnf install flameshot -y

Abrir:

flameshot gui

Informações:

flameshot --help
flameshot --version

Detalhes neste link


Flash Player

Instalação:

sudo dnf makecache -y

sudo rpm -ivh http://linuxdownload.adobe.com/adobe-release/adobe-release-x86_64-1.0-1.noarch.rpm

sudo rpm --import /etc/pki/rpm-gpg/RPM-GPG-KEY-adobe-linux

sudo dnf install flash-plugin alsa-plugins-pulseaudio libcurl -y

Informações:

Firefox: about:plugins
Chrome: chrome://flash

Detalhes neste link ou Fedora Docs


Gimp

Instalação:

sudo dnf install gimp -y

Abrir:

gimp

Informações:

gimp --help
gimp --version

Detalhes neste link


Git

Instalação:

sudo dnf install git

Informações:

git --help
git --version

Detalhes neste link


GNOME Tweaks

Instalação:

sudo dnf install gnome-tweak-tool

Abrir:

gnome-tweaks

Informações:

gnome-tweaks --help
gnome-tweaks --version

Detalhes neste link


HTOP

Instalação:

sudo dnf install htop -y

Abrir:

htop

Informações:

htop --help
htop --version

Detalhes neste link


Ionic

Instalação:

sudo npm install -g ionic

Informações:

ionic --help
ionic --version

Detalhes neste link


NodeJS and NPM

Instalação:

sudo dnf install gcc-c++ make -y

curl -sL https://rpm.nodesource.com/setup_12.x | sudo -E bash -

sudo dnf install nodejs -y

Informações:

node --help
node --version

npm --help
npm --version

Detalhes neste link


Skype

Instalação:

cd /tmp

sudo dnf install wget -y

wget --trust-server-names https://go.skype.com/skypeforlinux-64.rpm

sudo dnf install /tmp/skypeforlinux-64.rpm -y

Abrir:

skypeforlinux

Detalhes neste link


Steam

Instalação:

sudo dnf update --refresh

sudo dnf install steam -y

Abrir:

steam

Detalhes neste link


Teamview

Instalação:

sudo dnf install wget -y

wget https://download.teamviewer.com/download/linux/teamviewer.x86_64.rpm

sudo dnf install teamviewer.x86_64.rpm -y

Abrir:

teamviewer

Informações:

teamviewer --help
rpm -qi teamviewer

Detalhes neste link


Typescript

Instalação:

sudo npm i -g typescript

Detalhes neste link


Visual Studio Code

Instalação:

sudo rpm --import https://packages.microsoft.com/keys/microsoft.asc

sudo sh -c 'echo -e "[code]\nname=Visual Studio Code\nbaseurl=https://packages.microsoft.com/yumrepos/vscode\nenabled=1\ngpgcheck=1\ngpgkey=https://packages.microsoft.com/keys/microsoft.asc" > /etc/yum.repos.d/vscode.repo'

dnf check-update

sudo dnf install code -y

Abrir:

code

Informações:

code --help
code --version

Detalhes neste link


VLC

Instalação:

sudo dnf install https://download1.rpmfusion.org/free/fedora/rpmfusion-free-release-$(rpm -E %fedora).noarch.rpm -y

sudo dnf install vlc -y

Abrir:

vlc

Informações:

vlc --help
vlc --version

Detalhes neste link

Fim dos exemplos de instalção.


Visual Studio Code - Extensões

Também separei algumas extensões incríveis que agregam muito ao meu trabaho.

Instalação:

Inicie o VS Code Quick Open (Ctrl + P), cole o seguinte comando e pressione enter.

Para detalhes sobre a instalação da extensão, visite: https://code.visualstudio.com/docs/editor/extension-gallery


Nome da extensão e comando para instalação

Alignment

ext install annsk.alignment

Angular 1.x snippets for Visual Studio Code using John Papa AngularJS style guide

ext install lperdomo.angular1-code-snippets-johnpapastyle

Angular 2, 4 and upcoming latest TypeScript HTML Snippets

ext install UVBrain.Angular2

Angular v7 Snippets

ext install johnpapa.Angular2

AngularJS 1.5+ TypeScript Snippets

ext install jimmychandra.angularjs-1-5–typescript-snippets

AngularJs 1.x Code Snippets

ext install alexandersage.angular1-code-snippets

AngularJs ngDoc Generator

ext install Luis.angularjs-ngdoc-generator

Auto Import:

ext install steoates.autoimport

Bootstrap 4, Font awesome 4, Font Awesome 5 Free & Pro snippets for Visual studio code

ext install thekalinga.bootstrap4-vscode

Bracket Pair Colorizer

ext install CoenraadS.bracket-pair-colorizer

Duplicate Action

ext install mrmlnc.vscode-duplicate

ESLint

ext install dbaeumer.vscode-eslint

file-icons

ext install file-icons.file-icons

Git Blame

ext install waderyan.gitblame

Git Graph

ext install mhutchie.git-graph

Git History

ext install donjayamanne.githistory

Git History Diff

ext install huizhou.githd

GitLens — Git supercharged

ext install eamodio.gitlens

HTML Snippets

ext install abusaidm.html-snippets

jQuery Code Snippets

ext install donjayamanne.jquerysnippets

Markdown Preview Enhanced

ext install shd101wyy.markdown-preview-enhanced

Markdown Lint

ext install DavidAnson.vscode-markdownlint

Path Autocomplete

ext install ionutvmi.path-autocomplete

PHP IntelliSense

ext install felixfbecker.php-intellisense

Python

https://marketplace.visualstudio.com/items?itemName=ms-python.python

React-Native/React/Redux snippets for es6/es7

ext install EQuimper.react-native-react-redux

Todo Tree

ext install Gruntfuggly.todo-tree

TSLint

ext install ms-vscode.vscode-typescript-tslint-plugin

vscode-icons

ext install vscode-icons


Conclusão

Podemos observar que com poucos comandos conseguimos instalar facilmente as ferramentas. Isso é muito útil quando por exemplo, formatamos o computador e precisamos instalar tudo novamente.

Há uma forma ainda mais dinâmica de instalar as ferramentas. Para isso, utilizamos Shell script.

Basicamente, o Shell script é uma linguagem de script usada em vários sistemas operativos (operacionais), com diferentes dialetos, dependendo do interpretador de comandos utilizado. Um exemplo de interpretador de comandos é o bash, usado na grande maioria das distribuições GNU/Linux. Saiba mais

Muito obrigado por ler este artigo e até breve …


Assine Nosso Newsletter e fique por dentro de tudo que acontece por aqui!


development environment fedora


Compartilhe


Nosso canal no Youtube

Inscreva-se



Artigos Relacionados




Crie Aplicativos Gráficos para Linux e Windows com C++

Aprenda C++ Moderno e crie Games, Programas CLI, GUI e TUI de forma fácil.

Saiba Mais

Receba as novidades no seu e-mail!

Após cadastro e confirmação do e-mail, enviaremos semanalmente resumos e também sempre que houver novidades por aqui para que você mantenha-se atualizado!