1
2

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 5 years have passed since last update.

C101PA(arm64 chromebook)上のvscodeでremote developmentを試したい

Last updated at Posted at 2019-06-15

やりたいこと

  • C101PAで最新のvscodeを使用してremote developmentを試したい

結論

なんかエラーで繋げなかった。
まぁsshfssshでいいかと思い断念した。

環境

  • chromebook: ASUS C101PA
  • mac mini

参考サイト

  1. https://www.reddit.com/r/Crostini/wiki/howto/install-vscode
  2. https://github.com/Microsoft/vscode/wiki/How-to-Contribute#build-and-run-from-source

やったこと

  1. vscode 1.34のビルド&インストール
    ビルド済みで公開されているパッケージだと1.32なのでremote developmentが使えないため

  2. remote developmentの設定
    こっちが本命

1.vscodeのビルド

参考サイトの内容をのままです。

  1. .zshrcに以下を追記

    .zshrc
    # Use the default C / C++ compilers,
    # because some makefiles default to CC:=gcc:
    export CC=/usr/bin/cc
    export CXX=/usr/bin/c++
    
  2. 必要なパッケージをインストール

    sudo apt install -y libsecret-1-dev git python2.7 clang make libx11-dev libxkbfile-dev fakeroot rpm
    
  3. nodejsのインストール
    nodebrewを使いたかったけどとうまく動かせずめげたのでnvmを使用しました

    git clone git://github.com/creationix/nvm.git ~/.nvm
    

.zshrcに以下を追記

```sh:.zshrc
source ~/.nvm/nvm.sh
```

nodejsをインストール。バージョンは10.15.3にしました。

```sh
nvm install 10.15.3
```

yarnをインストール

```sh
npm i -g yarn
```
  1. vscodeのソースを取得
    vscode を shallow cloneします

    git clone https://github.com/Microsoft/vscode.git --depth=1
    cd vscode
    

ビルド時のメモリ使用を制限したり、いろいろパッチを適用します(詳細は参考サイト参照)

```sh
sed -i 's|require("gulp-sourcemaps");|{write:()=>gulpUtil.noop(),init:()=>gulpUtil.noop()};|' build/lib/optimize.js
sed -i 's|--max_old_space_size=[0-9]\+|--max_old_space_size=1700|' package.json
sed -i 's|yarnInstall..test/smoke|// &|' build/npm/postinstall.js
```
  1. vscodeをビルド
    30分くらいかかる

    yarn && yarn run gulp vscode-linux-arm64-min && yarn run gulp vscode-linux-arm64-build-deb
    
  2. vscodeをインストール
    ビルドしたvscodeをインストールします

    sudo apt install -y ./.build/linux/deb/arm64/deb/code-oss_*_arm64.deb
    
  3. vscodeを起動
    以下のコマンドで、起動します

    code-oss
    

2.remote developmentの設定

  1. remote developmentを追加
    image.png

  2. mac miniに接続

  3. 左側のツールバーに追加されたアイコンを選択。

  4. mac miniを右クリック(たぶん.ssh/configが読み込まれてる。)

  5. Connect to Host〜をクリック
    image.png

  6. エラーで接続できず断念
    image.png

1
2
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
1
2

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?