Build and test web apps on Linux

Web

Pick up common web development tools and easily verify your app works across browsers.

Visual Studio Code

First, download the 64-bit .deb file

  1. Double-click on the .deb file from the Chrome OS Files app.
  2. Allow the installer to install the program.
  3. Visual Studio Code should appear in your Chrome OS launcher.
  4. Give it a spin!

Sublime Text

Install dependencies:

sudo apt install -y wget gnupg gnupg1 gnupg2 apt-transport-https

Add sublime gpg key:

wget -qO - https://download.sublimetext.com/sublimehq-pub.gpg | sudo apt-key add -

Add the sublime repository to apt:

echo "deb https://download.sublimetext.com/ apt/stable/" | sudo tee /etc/apt/sources.list.d/sublime-text.list

Update and install sublime:

sudo apt update
sudo apt install -y sublime-text

Node

Install dependencies:

sudo apt install -y gnupg2

Install nodejs:

curl -sL https://deb.nodesource.com/setup_11.x | sudo -E bash -
sudo apt install -y nodejs

Let’s test it out with Squoosh:

git clone https://github.com/GoogleChromeLabs/squoosh.git
cd squoosh
npm install
npm run build
npm start

Open localhost:8080 in your browser.

Also try Proxx, if you like sweeping for mines:

git clone https://github.com/GoogleChromeLabs/proxx.git
cd proxx
npm install
npm run build
npm run serve

Open localhost:8080 in your browser.

WebStorm

WebStorm is the Javascript IDE from JetBrains.

  1. First, download WebStorm.
  2. Then, download the Linux tarball.
  3. Copy the downloaded file to “Linux Files” using the Chrome OS Files app to access WebStorm from your Linux container.
  4. Un-archive the tarball and delete it to save disk space:
tar -zxvf WebStorm*.tar.gz
rm WebStorm*.gz

Make future navigation easier by renaming the unzipped directory:

mv WebStorm* webstorm

Launch webstorm and follow the prompts:

webstorm/bin/webstorm.sh

Atom

Atom is a “hackable text editor for the 21st century.” Here’s how you can try it out:

  1. Download the Atom .deb file.
  2. Double-click on the .deb file in the Chrome OS Files app.
  3. Allow Atom to be installed.
  4. Atom should now be available in your Chrome OS Launcher.

Angular CLI

Getting started with Angular on Chrome OS is easy. Once you’ve turned on Linux in your Chrome OS browser, open the terminal and take the following steps:
Install the latest version of node version manager (nvm) to manage node versions:

curl -o- https://raw.githubusercontent.com/creationix/nvm/v0.34.0/install.sh | bash

*Or, you can use yarn instead of nvm if you prefer:

curl -o- -L https://yarnpkg.com/install.sh | bash

Install NodeJS version 11 and Angular CLI:

nvm install 11
npm install -g @angular/cli

Create and serve an angular project:

mkdir AngularProjects
cd AngularProjects
ng new MyCoolApp
cd MyCoolApp
ng serve

Now go to “localhost:4200” in your browser to see the empty default app!

Web browsers

This step is easy: Just install a range of different web browsers to test your web apps!

Firefox

Install the “firefox-esr” package from Synaptic:

sudo apt install -y firefox-esr

Firefox will now appear in your Chrome OS launcher.
You can also download the latest version directly from Firefox.

Chromium

Install the “chromium” package from Synaptic:

sudo apt install -y chromium

Chromium will now appear in your Chrome OS launcher.
You can also build straight from source.

Vivaldi

  1. First, download the Vivaldi Linux .deb file.
  2. Double-click on the .deb file in the Chrome OS Files app.
  3. Allow Vivaldi to be installed.
  4. Vivaldi should now be available in your Chrome OS launcher.

Opera

  1. First, download the latest version of Opera.
  2. Click on “Beta and developer versions of Opera.”
  3. Download the Opera beta Linux .deb file.
  4. Double-click on the .deb file in the Chrome OS Files app.
  5. Allow Opera to be installed.
  6. Opera will now be available in your Chrome OS Launcher.

More resources

Desktop PWAs
Web fundamentals codelabs
Chrome samples