npx imba createしろとのことなので、する
> npx imba create ✔ Enter a project name or . for current dir … imba-project ✔ Choose a template or find more at https://imba.io/templates › Default ✔ Create Default project named imba-project in ./imba-project? … yes Created <Default> project named 'imba-project' in ./imba-project Installing dependencies npm WARN deprecated sourcemap-codec@1.4.8: Please use @jridgewell/sourcemap-codec instead added 234 packages, and audited 235 packages in 20s 69 packages are looking for funding run `npm fund` for details found 0 vulnerabilities Install the vscode extension for an optimal experience: https://marketplace.visualstudio.com/items?itemName=scrimba.vsimba Join the Imba community on discord for help and friendly discussions: https://discord.gg/mkcbkRw Get started: ➜ cd imba-project ➜ npm run dev
ふむ
> cd imba-project/
> ls
node_modules/ package-lock.json package.json src/
> cat package.json
───────┬────────────────────────────────────────────────────────────────────────────────────────────────────────────────
│ File: package.json
───────┼────────────────────────────────────────────────────────────────────────────────────────────────────────────────
1 │ {
2 │ "name": "imba-project",
3 │ "scripts": {
4 │ "dev": "imba -w src/index.html",
5 │ "start": "npm run dev",
6 │ "build": "imba build src/index.html",
7 │ "preview": "npx http-server dist"
8 │ },
9 │ "devDependencies": {
10 │ "imba": "^2.0.0-alpha.227"
11 │ }
12 │ }
───────┴────────────────────────────────────────────────────────────────────────────────────────────────────────────────
> ls src
index.html main.imba
さて、早速この2ファイルを見てみるわけだけども、最近のお約束としてはVS codeのプラグインまで作っておくわけで、VSCで開いてマーケットプレースでImba拡張を入れる。シンタックスハイライトがちゃんと出る。現代のプログラミング言語はここまで出来てなければならない。
さて、実行してみよう。
> npm run dev > dev > imba -w src/index.html cache dir does not exist - create /Users/tambara/study/imba_study/imba-project/node_modules/imba/.imba-cache ℹ starting to build in /private/var/folders/kn/44qnqkwx1qq1dy9qr4jtfm3c0000gn/T/tmp-74212-dBNL7cXFjX9F ✔ /private/var/folders/kn/44qnqkwx1qq1dy9qr4jtfm3c0000gn/T/tmp-74212-dBNL7cXFjX9F/index.js.map 10.2kb ✔ /private/var/folders/kn/44qnqkwx1qq1dy9qr4jtfm3c0000gn/T/tmp-74212-dBNL7cXFjX9F/index.js 17.4kb ✔ /private/var/folders/kn/44qnqkwx1qq1dy9qr4jtfm3c0000gn/T/tmp-74212-dBNL7cXFjX9F/public/assets/main.DSF2C6TO.js.map 30.0kb ✔ /private/var/folders/kn/44qnqkwx1qq1dy9qr4jtfm3c0000gn/T/tmp-74212-dBNL7cXFjX9F/public/assets/main.DSF2C6TO.js 55.2kb ✔ /private/var/folders/kn/44qnqkwx1qq1dy9qr4jtfm3c0000gn/T/tmp-74212-dBNL7cXFjX9F/public/assets/main.6WRCZDOK.css.map 0.9kb ✔ /private/var/folders/kn/44qnqkwx1qq1dy9qr4jtfm3c0000gn/T/tmp-74212-dBNL7cXFjX9F/public/assets/main.6WRCZDOK.css 2.6kb ✔ /private/var/folders/kn/44qnqkwx1qq1dy9qr4jtfm3c0000gn/T/tmp-74212-dBNL7cXFjX9F/public/assets/index.RWH5L9H6.css 2.6kb ✔ /private/var/folders/kn/44qnqkwx1qq1dy9qr4jtfm3c0000gn/T/tmp-74212-dBNL7cXFjX9F/public/assets/index.RWH5L9H6.css.map 0.8kb ✔ /private/var/folders/kn/44qnqkwx1qq1dy9qr4jtfm3c0000gn/T/tmp-74212-dBNL7cXFjX9F/manifest.json 0.5kb ℹ built src/index.html in 673ms - 13.57mb ✔ src/index.html: listening on http://127.0.0.1:3000
アクセスしてみよう
動いているのはわかるけど、さっぱりわからない
