Linuxフロントエンド開発環境私の経験
プログラミングを始めたとき、フロントエンドとバックエンドの開発の違いは全く考えられなかった.私はJavaとPHPの基本的な知識を持っていました.いくつかの理由で私は緊急にラップトップをインストールし、古いネットブック上のUbuntu 13.04をインストールしました.以来、私はLinuxを離れることはありません.
本稿ではLinuxでのフロントエンド開発を開始するための戦略的な設定について説明します.私はすべてのLinuxプログラムやコマンドを使用することはできません.
Linuxには多くのdistrosがあり、それぞれが異なった特性を持っています.3つの家族に分けられる. Debianベース、Debian、Ubuntu、Linuxミントなど Redhatベース:フェドラとCenttos アーチベース:アーチ、Majaro.etchttps://inkscape.org/
シェル
私は個人的にUbuntuを選んだので、それを設定する時間を無駄にしない.結局のところ、私の目標は自分の仕事をうまくやるシステムを持つことです.
からUbuntuをダウンロードすることができますhere
Debianベースのディストリビューションでは、パッケージはAPTパッケージマネージャを介してダウンロードできます.
始めるために必要なものをすべてインストールしましょう!
シェル
フリーランスとして、しばしばノードの複数のバージョンを持つ必要があります.私のPCの上のJS.
そのためには、NVM ( Node Version Manager )を使います.
これにより、ノードのバージョンを簡単にインストール、削除、変更できます.
NVMをインストールするには、端末を開いて実行します.
Linuxはフロントエンドの開発で使用できるVimやEmacsなどの強力なコードエディタを持っています.
しかし、経験から、私は私の仕事に集中して、私が使う道具の構成に集中するのを好みます.
このため、Visual StudioのコードやWebStormを使用してすぐに環境を準備できます.
フリーランサーとして、私はDockerエッセンシャルの使用を見つけました.Ubuntuのインストールに関するすべての情報についてはthis page .
私の仕事では、しばしばサイトやアプリをデザインするさまざまなソフトウェアを使用する多くのデザイナーに対処します.
残念ながら、主要なソフトウェアハウスはLinuxをサポートしていませんが、この問題には多くの解決策があります.
小さな個人プロジェクトのために、それは代替プログラムを使用するのに役に立つかもしれません.以下に、言及する私に意味をなすものに言及します.
GLIMPSE : オープンソースの代替
Inkscape : オープンソースの代替版
Gravit Designer : スケッチまたはアドビXDの代わり
問題のもう一つの解決策は、次のようなWebアプリケーションを使用しています. Figma inVision Zeplin
アドビアプリ、スケッチや他のスタンドアロンソフトウェアを使用する必要がある場合は、仮想マシンを使用することを検討することができます.環境についてVMWare .
Linuxでのフロントエンドの開発は非常に良い経験です.多くの人々は、この種の仕事のために、彼らがアップルPCを必要とすると思います.
しかし、開発のために、Linuxのすべては、より速く、より制御可能です.だから、Linuxで開発者の経験を開始し、フロントエンドコースのお金を節約を恐れてはいけない!
本稿ではLinuxでのフロントエンド開発を開始するための戦略的な設定について説明します.私はすべてのLinuxプログラムやコマンドを使用することはできません.
ディストリビューション
Linuxには多くのdistrosがあり、それぞれが異なった特性を持っています.3つの家族に分けられる.
シェル
私は個人的にUbuntuを選んだので、それを設定する時間を無駄にしない.結局のところ、私の目標は自分の仕事をうまくやるシステムを持つことです.
からUbuntuをダウンロードすることができますhere
2 .環境設定
Debianベースのディストリビューションでは、パッケージはAPTパッケージマネージャを介してダウンロードできます.
始めるために必要なものをすべてインストールしましょう!
シェル
2.1 .ノード。js
フリーランスとして、しばしばノードの複数のバージョンを持つ必要があります.私のPCの上のJS.
そのためには、NVM ( Node Version Manager )を使います.
これにより、ノードのバージョンを簡単にインストール、削除、変更できます.
NVMをインストールするには、端末を開いて実行します.
$ wget -qO- https://raw.githubusercontent.com/nvm-sh/nvm/v0.37.2/install.sh | bash
以下はNVMが利用できるコマンドのリストです.nvm install 10.10.0 # install a node version (eg. 10.10.0)
nvm ls # list installed node versions
nvm use v10.10.0 #use the choosen version
NVMに関する詳細についてはthis link 2.2 .エディタ/ IDE
Linuxはフロントエンドの開発で使用できるVimやEmacsなどの強力なコードエディタを持っています.
しかし、経験から、私は私の仕事に集中して、私が使う道具の構成に集中するのを好みます.
このため、Visual StudioのコードやWebStormを使用してすぐに環境を準備できます.
$ sudo snap install code --classic # install Visual Studio Code
$ sudo snap install webstorm --classic # install WebStorm
2.3 .ボーナス
フリーランサーとして、私はDockerエッセンシャルの使用を見つけました.Ubuntuのインストールに関するすべての情報についてはthis page .
3 .デザインツール
私の仕事では、しばしばサイトやアプリをデザインするさまざまなソフトウェアを使用する多くのデザイナーに対処します.
残念ながら、主要なソフトウェアハウスはLinuxをサポートしていませんが、この問題には多くの解決策があります.
3.1 .代替プログラム
小さな個人プロジェクトのために、それは代替プログラムを使用するのに役に立つかもしれません.以下に、言及する私に意味をなすものに言及します.
GLIMPSE : オープンソースの代替
Inkscape : オープンソースの代替版
Gravit Designer : スケッチまたはアドビXDの代わり
3.2 .Webアプリ
問題のもう一つの解決策は、次のようなWebアプリケーションを使用しています.
3.3 .仮想マシン
アドビアプリ、スケッチや他のスタンドアロンソフトウェアを使用する必要がある場合は、仮想マシンを使用することを検討することができます.環境についてVMWare .
結論
Linuxでのフロントエンドの開発は非常に良い経験です.多くの人々は、この種の仕事のために、彼らがアップルPCを必要とすると思います.
しかし、開発のために、Linuxのすべては、より速く、より制御可能です.だから、Linuxで開発者の経験を開始し、フロントエンドコースのお金を節約を恐れてはいけない!
Reference
この問題について(Linuxフロントエンド開発環境私の経験), 我々は、より多くの情報をここで見つけました https://dev.to/josephciullo/linux-front-end-development-environment-my-experience-37j3テキストは自由に共有またはコピーできます。ただし、このドキュメントのURLは参考URLとして残しておいてください。
Collection and Share based on the CC Protocol