Ambiente de Desenvolvimento - FEDORA 30
O principal objetivo deste artigo é compartilhar algumas ferramentas utilizadas em meu dia a dia para o desenvolvimento de aplicações web e mobile.
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.
Quando for necessário executar um comando como root, descreverei o conteúdo da seguinte forma. Exemplo:
Recomendo que você utilize o sistema operacional de sua escolha, adaptando este artigo de acordo com a necessidade.
VSCode: Visual Studio Code é um editor de código-fonte leve, mas poderoso. \o/
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]
Instalação:
sudo npm install -g @angular/cli
Informações:
ng --help
ng --version
Instalação:
sudo npm install -g cordova
Informações:
cordova --help
cordova --version
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
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
Instalação:
sudo dnf install flameshot -y
Abrir:
flameshot gui
Informações:
flameshot --help
flameshot --version
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
Instalação:
sudo dnf install gimp -y
Abrir:
gimp
Informações:
gimp --help
gimp --version
Instalação:
sudo dnf install git
Informações:
git --help
git --version
Instalação:
sudo dnf install gnome-tweak-tool
Abrir:
gnome-tweaks
Informações:
gnome-tweaks --help
gnome-tweaks --version
Instalação:
sudo dnf install htop -y
Abrir:
htop
Informações:
htop --help
htop --version
Instalação:
sudo npm install -g ionic
Informações:
ionic --help
ionic --version
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
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
Instalação:
sudo dnf update --refresh
sudo dnf install steam -y
Abrir:
steam
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
Instalação:
sudo npm i -g typescript
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
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
Fim dos exemplos de instalção.
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
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