タイトル : Ubuntu22.04(2023/04) その3 Gatsbyの環境構築
更新日 : 2023-04-22
カテゴリ : プログラミング
タグ :
ubuntu   
gatsby   

まずは node

【Ubuntu版】Node.js インストール方法をまとめを見て、

ここ を参照してnode18を入れました。少し前に node20出てますね。けど18で。

curl -fsSL https://deb.nodesource.com/setup_18.x | sudo -E bash - &&\
sudo apt-get install -y nodejs

Gatsbyの環境構築

gatsby-cliを入れて、gatsbyの作業ディレクトリを旧Ubuntuから持ってきて、package.jsonをいじって(Gatsbyは4.17.2から5.9.0になるなど。npm-check-updatesは使ってない)、npm installする。

gccがないって。build-essentialをインストール。(build-essentialとは)。 あとnpmも上げとく。

sudo npm install -g gatsby-cli

npm ERR! /bin/sh: 1: gcc: not found

sudo apt-get install build-essential

sudo npm install -g npm@9.6.5

developとかbuildが出来るようになりました。とりあえず、これで、このサイトを更新できる環境が整いました。次は、Python環境構築、Docker環境構築(RDB用意)かな

gatsby develop -H 0.0.0.0
gatsby build

npmのpip freeze

こんなこと出来たのね。Is there a pip freeze equivalent for Node and NPM?

$ npm ls | grep -E "^(├|└)─" | cut -d" " -f2 | awk -v quote='"' 'BEGIN { FS = "@" } ; \
      { print quote $1 quote,":",quote $2 quote"," }' | sed -e 's/ :/:/g'
"gatsby-awesome-pagination": "0.3.8",
"gatsby-plugin-react-helmet": "6.9.0",
"gatsby-plugin-sharp": "5.9.0",
"gatsby-remark-images": "7.9.0",
"gatsby-remark-prismjs-title": "1.0.0",
"gatsby-remark-prismjs": "7.9.0",
"gatsby-remark-relative-images": "2.0.2",
"gatsby-source-filesystem": "5.9.0",
"gatsby-transformer-remark": "6.9.0",
"gatsby": "5.9.0",
"prismjs": "1.29.0",
"react-dom": "18.2.0",
"react-helmet": "6.1.0",
"react": "18.2.0",
$