ChromebookのLinux(Crostini)でフロントエンド開発環境をつくる。
(npm,gulp,sass,ejsなど)
ASUS Chromebook flip C101PA はCPUがARM系のためすこし躓いたのでメモ。
Visual Studio Code をインストール
便利なエディタ。
日本語環境と合わせてインストール方法がたくさん紹介されています。
参考になるサイト
- http://www.webcyou.com/?p=8765
- https://www.taneyats.com/entry/vscode-on-c101pa
- https://www.axon.jp/entry/2018/10/18/201812
私の環境だと日本語環境のMozcがうまくいかなかったので以下のようにしました。
Node.jsとnpmのインストール
NVMのインストール
Node.jsとnpmをバージョン管理しながらインストールできるNVMをインストールする。
$ git clone git://github.com/creationix/nvm.git ~/.nvm
$ source ~/.nvm/nvm.sh
自動的に起動するように設定
~/.bashrc
~/.profile
どちらかの末尾に追記
# 以下を末尾に追記
source ~/.nvm/nvm.sh
Node.jsとnpmのインストール
$ nvm install stable
$ nvm use stable
インストールの確認
$ node -v
$ npm -v
それぞれのコマンドでバージョンが表示される。
gulpのインストール
$ npm install gulp
とかでインストールできます。
あとはSASSとかをインストールして使えます。
gulp-sass等がインストールできないときにやること
私の環境では、gulp-sassなど一部のパッケージがインストールにエラーを吐きました。
$ sudo apt install build-essential
をインストールしたら、解消できました。
あとは、いつものようにフロントエンド開発環境を整えるだけ。
安くて軽くて小さくて、持ち運びしやすいChromebook flip C101PAのデフォルトの機能(Crostini)で、ここまでの環境が整えられるのはとても素晴らしいことだと思います。