両方とも前のリビジョン 前のリビジョン 次のリビジョン | 前のリビジョン |
javascript:yarn [2021/06/11 15:35] – [Vue.js プロジェクトの実行] ともやん | javascript:yarn [2024/03/04 05:50] (現在) – [yarn のインストール] ともやん |
---|
Yarn (ヤーン) とは JavaScript(フロントエンド) のパッケージマネージャである。2016 年 10 月に FaceBook がオープンソースの BSD ライセンスで公開した。\\ | Yarn (ヤーン) とは JavaScript(フロントエンド) のパッケージマネージャである。2016 年 10 月に FaceBook がオープンソースの BSD ライセンスで公開した。\\ |
npm と互換性 (package.json, node_modules/ で構成) があり、npm よりも処理が高速である。\\ | npm と互換性 (package.json, node_modules/ で構成) があり、npm よりも処理が高速である。\\ |
| |
ヤ~ンばか~ん...😅💦💦💦 (<wrap em>**※これはイメージです!!**</wrap>)\\ | |
んふ~ん🎵 そこはお耳なの んふ~ん🎵...\\ | |
<html> | |
<div class="youtube"> | |
<iframe width="560" height="315" src="https://www.youtube.com/embed/jsbMi4f9xM4" frameborder="0" | |
allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe> | |
</div> | |
</html> | |
林家木久蔵 / いやんばか~ん - YouTube より\\ | |
[[wpjp>いやんばか〜ん|]]\\ | |
[[http://www.kget.jp/lyric/241629/%E3%81%84%E3%82%84%E3%82%93%E3%81%B0%E3%81%8B%EF%BD%9E%E3%82%93_%E6%9E%97%E5%AE%B6%E6%9C%A8%E4%B9%85%E8%94%B5|いやんばか~ん/林家木久蔵 - 歌詞検索サービス 歌詞GET]]\\ | |
| |
===== インストール ===== | ===== インストール ===== |
| |
| ==== Linux ==== |
| **anyenv** をインストールする。\\ |
| [[:linux:anyenv|anyenv - rbenv スタイルのオールインワン環境マネージャー]] (Linux)\\ |
| [[:linux:anyenv#anyenv-update_anyenv_とセットで必ずインストールを推奨|anyenv - anyenv-update (anyenv とセットで必ずインストールを推奨)]]\\ |
| [[:linux:anyenv#nodenv_のインストール|anyenv - nodenv のインストール]] ← ここまでの手順を済ませてから...🤔\\ |
| <WRAP color_term> |
| <WRAP color_command><html><pre> |
| $ anyenv update |
| </pre></html></WRAP> |
| <WRAP color_result><html><pre> |
| <b class=GRN>Updating 'anyenv'... |
| Updating 'anyenv/anyenv-update'... |
| Updating 'nodenv'... |
| Updating 'nodenv/node-build'...</b> |
| <b class=GRN>|</b> From https://github.com/nodenv/node-build |
| <b class=GRN>|</b> 8eb08bb0..eaefcd83 master -> origin/master |
| <b class=GRN>|</b> * [new tag] v4.9.90 -> v4.9.90 |
| <b class=GRN>Updating 'nodenv/nodenv-vars'... |
| Updating 'anyenv manifest directory'...</b> |
| </pre></html></WRAP> |
| </WRAP> |
| |
| === node のインストール === |
| <WRAP color_term> |
| <WRAP color_command><html><pre> |
| <font color="#FF8700"><b>$</b></font> <font color="#4E9A06">nodenv</font> install 20.11.1 |
| </pre></html></WRAP> |
| <WRAP color_result><html><pre> |
| Downloading node-v20.11.1-linux-x64.tar.gz... |
| -> https://nodejs.org/dist/v20.11.1/node-v20.11.1-linux-x64.tar.gz |
| Installing node-v20.11.1-linux-x64... |
| Installed node-v20.11.1-linux-x64 to /home/tomoyan/.anyenv/envs/nodenv/versions/20.11.1 |
| </pre></html></WRAP> |
| |
| <WRAP color_command><html><pre> |
| <font color="#FF8700"><b>$</b></font> <font color="#4E9A06">nodenv</font> rehash |
| <font color="#FF8700"><b>$</b></font> <font color="#4E9A06">nodenv</font> global 20.11.1 |
| <font color="#FF8700"><b>$</b></font> <font color="#4E9A06">nodenv</font> versions |
| </pre></html></WRAP> |
| <WRAP color_result><html><pre> |
| * 20.11.1 (set by /home/tomoyan/.anyenv/envs/nodenv/version) |
| </pre></html></WRAP> |
| |
| <WRAP color_command><html><pre> |
| <font color="#FF8700"><b>$</b></font> <font color="#4E9A06">node</font> <font color="#75507B">-v</font> |
| </pre></html></WRAP> |
| <WRAP color_result><html><pre> |
| v20.11.1 |
| </pre></html></WRAP> |
| |
| <WRAP color_command><html><pre> |
| <font color="#FF8700"><b>$</b></font> <font color="#4E9A06">npm</font> <font color="#75507B">-v</font> |
| </pre></html></WRAP> |
| <WRAP color_result><html><pre> |
| 10.2.4 |
| </pre></html></WRAP> |
| |
| <WRAP color_command><html><pre> |
| <font color="#FF8700"><b>$</b></font> <font color="#4E9A06">npx</font> <font color="#75507B">-v</font> |
| </pre></html></WRAP> |
| <WRAP color_result><html><pre> |
| 10.2.4 |
| </pre></html></WRAP> |
| |
| <WRAP color_command><html><pre> |
| <font color="#FF8700"><b>$</b></font> <font color="#4E9A06">npm</font> <font color="#75507B">-g</font><font color="#999999"> list</font> |
| </pre></html></WRAP> |
| <WRAP color_result><html> |
| <pre>/home/tomoyan/.anyenv/envs/nodenv/versions/20.11.1/lib |
| ├── corepack@0.23.0 |
| └── npm@10.2.4 |
| </pre></html></WRAP> |
| </WRAP> |
| |
| === yarn のインストール === |
| <WRAP color_term> |
| <WRAP color_command><html><pre> |
| <font color="#FF8700"><b>$</b></font> <font color="#4E9A06">npm</font> install <font color="#75507B">-g</font> yarn |
| </pre></html></WRAP> |
| <WRAP color_result><html><pre> |
| |
| added 1 package in 3s |
| <span style="background-color:#2E3436"><font color="#D3D7CF">npm</font></span> <span style="background-color:#2E3436"><font color="#06989A">notice</font></span> |
| <span style="background-color:#2E3436"><font color="#D3D7CF">npm</font></span> <span style="background-color:#2E3436"><font color="#06989A">notice</font></span> New <font color="#C4A000">minor</font> version of npm available! <font color="#CC0000">10.2.4</font> -> <font color="#4E9A06">10.5.0</font> |
| <span style="background-color:#2E3436"><font color="#D3D7CF">npm</font></span> <span style="background-color:#2E3436"><font color="#06989A">notice</font></span> Changelog: <font color="#06989A">https://github.com/npm/cli/releases/tag/v10.5.0</font> |
| <span style="background-color:#2E3436"><font color="#D3D7CF">npm</font></span> <span style="background-color:#2E3436"><font color="#06989A">notice</font></span> Run <font color="#4E9A06">npm install -g npm@10.5.0</font> to update! |
| <span style="background-color:#2E3436"><font color="#D3D7CF">npm</font></span> <span style="background-color:#2E3436"><font color="#06989A">notice</font></span> |
| </pre></html></WRAP> |
| <WRAP color_command><html><pre> |
| <font color="#FF8700"><b>$</b></font> <font color="#4E9A06"><u style="text-decoration-style:single">exec</u></font> <font color="#4E9A06">$SHELL</font> <font color="#75507B">-l</font> |
| <font color="#FF8700"><b>$</b></font> <font color="#4E9A06">yarn</font> <font color="#75507B">-v</font> |
| </pre></html></WRAP> |
| <WRAP color_result><html><pre> |
| 1.22.21 |
| </pre></html></WRAP> |
| </WRAP> |
| |
| プロジェクトの yarn バージョンをセット🤔\\ |
| <WRAP color_term> |
| <WRAP color_command><html><pre> |
| <font color="#FF8700"><b>$</b></font> <font color="#4E9A06">yarn</font> set version 3.5.0 |
| </pre></html></WRAP> |
| <WRAP color_result><html><pre> |
| <font color="#729FCF">➤</font> YN0000: Retrieving <font color="#D75FD7">https://repo.yarnpkg.com/3.5.0/packages/yarnpkg-cli/bin/yarn.js</font> |
| <font color="#729FCF">➤</font> YN0000: Saving the new release in <font color="#75507B">.yarn/releases/yarn-3.5.0.cjs</font> |
| <font color="#729FCF">➤</font> YN0000: Done in 2s 180ms |
| </pre></html></WRAP> |
| <WRAP color_command><html><pre> |
| <font color="#FF8700"><b>$</b></font> <font color="#4E9A06">yarn</font> <font color="#75507B">-v</font> |
| </pre></html></WRAP> |
| <WRAP color_result><html><pre> |
| 3.5.0 |
| </pre></html></WRAP> |
| </WRAP> |
| |
| ==== Windows ==== |
[[windows:scoop|Scoop]] によるインストール。\\ | [[windows:scoop|Scoop]] によるインストール。\\ |
| |
**Node.js** をインストールする。\\ | **Node.js** をインストールする。\\ |
**nvm** (Node Version Manager)、および、**Node.js - サーバーサイド JavaScript 環境** のインストールについては、[[javascript:nodejs#windows_-_nvm-windows_編|Node.js - サーバーサイド JavaScript 環境 | Windows - nvm-windows 編]] を参照のこと。\\ | **nvm** (Node Version Manager)、および、**Node.js - サーバーサイド JavaScript 環境** のインストールについては、[[javascript:nodejs#windows_-_nvm-windows_編|Node.js - サーバーサイド JavaScript 環境 | Windows - nvm-windows 編]] を参照のこと。\\ |
| |
| <WRAP color_term> |
| <WRAP color_command><html><pre> |
| <b class=GRN>$</b> <b class=HIY>scoop</b> install nvm |
| <b class=GRN>$</b> <b class=HIY>nvm</b> install 14.17.5 64 |
| <b class=GRN>$</b> <b class=HIY>nvm</b> use 14.17.5 64 |
| </pre></html></WRAP> |
| </WRAP> |
| |
**Node.js** の動作確認。\\ | **Node.js** の動作確認。\\ |
<WRAP prewrap 100%> | <WRAP color_term> |
<code powershell> | <WRAP color_command><html><pre> |
$ node --version | <b class=GRN>$</b> <b class=HIY>node</b> <b class=HIK>--version</b> |
</code> | </pre></html></WRAP> |
</WRAP> | <WRAP color_result><html><pre> |
<WRAP prewrap 100% #result> | v14.17.5 |
<code powershell> | </pre></html></WRAP> |
v14.15.1 | |
</code> | |
</WRAP> | </WRAP> |
| |
**Yarn** をインストールする。\\ | **Yarn** をインストールする。\\ |
<WRAP prewrap 100%> | <WRAP color_term> |
<code powershell> | <WRAP color_command><html><pre> |
$ scoop install yarn | <b class=GRN>$</b> <b class=HIY>scoop</b> install yarn |
</code> | </pre></html></WRAP> |
</WRAP> | <WRAP color_result><html><pre> |
<WRAP prewrap 100% #result_long> | Installing 'yarn' (1.22.19) [64bit] |
<code powershell> | yarn-v1.22.19.tar.gz (1.2 MB) [===============================================================================] 100% |
Installing 'yarn' (1.22.5) [64bit] | Checking hash of <b class=CYN>yarn-v1.22.19.tar.gz</b> ... <b class=GRN>ok.</b> |
yarn-1.22.5.msi (1.6 MB) [====================================================================================] 100% | Extracting <b class=CYN>yarn-v1.22.19.tar.gz</b> ... <b class=GRN>done.</b> |
Checking hash of yarn-1.22.5.msi ... ok. | Linking ~\scoop\apps\yarn\current => ~\scoop\apps\yarn\1.22.19 |
Extracting yarn-1.22.5.msi ... done. | |
Linking ~\scoop\apps\yarn\current => ~\scoop\apps\yarn\1.22.5 | |
Persisting cache | Persisting cache |
Persisting global | Persisting global |
Persisting mirror | Persisting mirror |
Running post-install script... | Running post_install script... |
yarn config v1.22.5 | yarn config v1.22.19 |
success Set "cache-folder" to "C:\\Users\\tomoyan\\scoop\\apps\\yarn\\current\\cache". | <b class=GRN>success</b> Set "cache-folder" to "C:\\Users\\tomoyan\\scoop\\apps\\yarn\\current\\cache". |
Done in 0.36s. | Done in 0.17s. |
yarn config v1.22.5 | yarn config v1.22.19 |
success Set "yarn-offline-mirror" to "C:\\Users\\tomoyan\\scoop\\apps\\yarn\\current\\mirror". | <b class=GRN>success</b> Set "yarn-offline-mirror" to "C:\\Users\\tomoyan\\scoop\\apps\\yarn\\current\\mirror". |
Done in 0.38s. | Done in 0.13s. |
yarn config v1.22.5 | yarn config v1.22.19 |
success Set "global-folder" to "C:\\Users\\tomoyan\\scoop\\apps\\yarn\\current\\global". | <b class=GRN>success</b> Set "global-folder" to "C:\\Users\\tomoyan\\scoop\\apps\\yarn\\current\\global". |
Done in 0.37s. | Done in 0.13s. |
yarn config v1.22.5 | yarn config v1.22.19 |
success Set "prefix" to "C:\\Users\\tomoyan\\scoop\\apps\\yarn\\current\\global". | <b class=GRN>success</b> Set "prefix" to "C:\\Users\\tomoyan\\scoop\\apps\\yarn\\current\\global". |
Done in 0.37s. | Done in 0.12s. |
'yarn' (1.22.5) was installed successfully! | <b class=GRN>'yarn' (1.22.19) was installed successfully!</b> |
</code> | </pre></html></WRAP> |
</WRAP> | </WRAP> |
| |
**Yarn** のバージョン確認。\\ | **Yarn** のバージョン確認。\\ |
<WRAP prewrap 100%> | <WRAP color_term> |
<code powershell> | <WRAP color_command><html><pre> |
$ yarn --version | <b class=GRN>$</b> <b class=HIY>yarn</b> <b class=HIK>--version</b> |
</code> | </pre></html></WRAP> |
</WRAP> | <WRAP color_result><html><pre> |
<WRAP prewrap 100% #result> | 1.22.19 |
<code powershell> | </pre></html></WRAP> |
1.22.5 | |
</code> | |
</WRAP> | </WRAP> |
| |
==== もしも、Node.js がインストールされていないと... ==== | ==== もしも、Node.js がインストールされていないと... ==== |
**Yarn** のインストールで **node** コマンドが実行されない。\\ | **Yarn** のインストールで **node** コマンドが実行されない。\\ |
<WRAP prewrap 100%> | <WRAP color_term> |
<code powershell> | <WRAP color_command><html><pre> |
$ scoop install yarn | <b class=GRN>$</b> <b class=HIY>scoop</b> install yarn |
</code> | </pre></html></WRAP> |
</WRAP> | <WRAP color_result><html><pre> |
<WRAP prewrap 100% #result_long> | |
<code powershell> | |
Installing 'yarn' (1.22.4) [64bit] | Installing 'yarn' (1.22.4) [64bit] |
yarn-1.22.4.msi (1.6 MB) [====================================================================================] 100% | yarn-1.22.4.msi (1.6 MB) [====================================================================================] 100% |
Checking hash of yarn-1.22.4.msi ... ok. | Checking hash of <b class=CYN>yarn-1.22.4.msi</b> ... <b class=GRN>ok.</b> |
Extracting yarn-1.22.4.msi ... done. | Extracting <b class=CYN>yarn-1.22.4.msi</b> ... <b class=GRN>done.</b> |
Linking ~\scoop\apps\yarn\current => ~\scoop\apps\yarn\1.22.4 | Linking ~\scoop\apps\yarn\current => ~\scoop\apps\yarn\1.22.4 |
Persisting cache | Persisting cache |
'yarn' (1.22.4) was installed successfully! | 'yarn' (1.22.4) was installed successfully! |
'yarn' suggests installing 'nodejs' or 'nodejs-lts' or 'nvm' or 'nvs'. | 'yarn' suggests installing 'nodejs' or 'nodejs-lts' or 'nvm' or 'nvs'. |
</code> | </pre></html></WRAP> |
</WRAP> | </WRAP> |
| |
[[https://classic.yarnpkg.com/en/docs/migrating-from-npm|Migrating from npm | Yarn]] より\\ | [[https://classic.yarnpkg.com/en/docs/migrating-from-npm|Migrating from npm | Yarn]] より\\ |
[[https://qiita.com/morrr/items/558bf64cd619ebdacd3d|yarnチートシート - Qiita]] より\\ | [[https://qiita.com/morrr/items/558bf64cd619ebdacd3d|yarnチートシート - Qiita]] より\\ |
| |
| ===== Yarn による React アプリ開発 ===== |
| |
| ==== creat-react-app のインストール ==== |
| <WRAP color_term> |
| <WRAP color_command><html><pre> |
| <b class=GRN>$</b> <b class=HIY>yarn</b> global add create-react-app |
| </pre></html></WRAP> |
| <WRAP color_result><html><pre> |
| yarn global v1.22.19 |
| <b class=HIK>[1/4]</b> Resolving packages... |
| <b class=YEL>warning</b> create-react-app > tar-pack > tar@2.2.2: This version of tar is no longer supported, and will not receive security updates. Please upgrade asap. |
| <b class=HIK>[2/4]</b> Fetching packages... |
| <b class=HIK>[3/4]</b> Linking dependencies... |
| <b class=HIK>[4/4]</b> Building fresh packages... |
| <b class=GRN>success</b> Installed "create-react-app@5.0.1" with binaries: |
| - create-react-app |
| Done in 11.09s. |
| </pre></html></WRAP> |
| </WRAP> |
| |
| <WRAP color_term> |
| <WRAP color_command><html><pre> |
| <b class=GRN>$</b> <b class=HIY>npx</b> create-react-app haruoworld |
| </pre></html></WRAP> |
| <WRAP color_result_long><html><pre> |
| |
| Creating a new React app in C:\Users\tomoyan\haruoworld. |
| |
| Installing packages. This might take a couple of minutes. |
| Installing <b class=HIB>react</b>, <b class=HIB>react-dom</b>, and <b class=HIB>react-scripts</b> with <b class=HIB>cra-template</b>... |
| |
| |
| > core-js@3.23.5 postinstall C:\Users\tomoyan\haruoworld\node_modules\core-js |
| > node -e "try{require('./postinstall')}catch(e){}" |
| |
| |
| > core-js-pure@3.23.5 postinstall C:\Users\tomoyan\haruoworld\node_modules\core-js-pure |
| > node -e "try{require('./postinstall')}catch(e){}" |
| |
| + cra-template@1.2.0 |
| + react@18.2.0 |
| + react-scripts@5.0.1 |
| + react-dom@18.2.0 |
| added 1403 packages from 621 contributors in 470.196s |
| |
| 203 packages are looking for funding |
| run `npm fund` for details |
| |
| |
| Initialized a git repository. |
| |
| Installing template dependencies using npm... |
| npm <b class=BYEL>WARN</b> <b class=MAG>deprecated</b> source-map-resolve@0.6.0: See https://github.com/lydell/source-map-resolve#deprecated |
| npm <b class=BYEL>WARN</b> @apideck/better-ajv-errors@0.3.6 requires a peer of ajv@>=8 but none is installed. You must install peer dependencies yourself. |
| npm <b class=BYEL>WARN</b> fork-ts-checker-webpack-plugin@6.5.2 requires a peer of typescript@>= 2.7 but none is installed. You must install peer dependencies yourself. |
| npm <b class=BYEL>WARN</b> tsutils@3.21.0 requires a peer of typescript@>=2.8.0 || >= 3.2.0-dev || >= 3.3.0-dev || >= 3.4.0-dev || >= 3.5.0-dev || >= 3.6.0-dev || >= 3.6.0-beta || >= 3.7.0-dev || >= 3.7.0-beta but none is installed. You must install peer dependencies yourself. |
| npm <b class=BYEL>WARN</b> <b class=MAG>optional</b> SKIPPING OPTIONAL DEPENDENCY: fsevents@2.3.2 (node_modules\fsevents): |
| npm <b class=BYEL>WARN</b> <b class=MAG>notsup</b> SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for fsevents@2.3.2: wanted {"os":"darwin","arch":"any"} (current: {"os":"win32","arch":"x64"}) |
| |
| + web-vitals@2.1.4 |
| + @testing-library/user-event@13.5.0 |
| + @testing-library/jest-dom@5.16.4 |
| + @testing-library/react@13.3.0 |
| added 52 packages from 109 contributors in 41.81s |
| |
| 203 packages are looking for funding |
| run `npm fund` for details |
| |
| Removing template package using npm... |
| |
| npm <b class=BYEL>WARN</b> @apideck/better-ajv-errors@0.3.6 requires a peer of ajv@>=8 but none is installed. You must install peer dependencies yourself. |
| npm <b class=BYEL>WARN</b> fork-ts-checker-webpack-plugin@6.5.2 requires a peer of typescript@>= 2.7 but none is installed. You must install peer dependencies yourself. |
| npm <b class=BYEL>WARN</b> tsutils@3.21.0 requires a peer of typescript@>=2.8.0 || >= 3.2.0-dev || >= 3.3.0-dev || >= 3.4.0-dev || >= 3.5.0-dev || >= 3.6.0-dev || >= 3.6.0-beta || >= 3.7.0-dev || >= 3.7.0-beta but none is installed. You must install peer dependencies yourself. |
| npm <b class=BYEL>WARN</b> <b class=MAG>optional</b> SKIPPING OPTIONAL DEPENDENCY: fsevents@2.3.2 (node_modules\fsevents): |
| npm <b class=BYEL>WARN</b> <b class=MAG>notsup</b> SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for fsevents@2.3.2: wanted {"os":"darwin","arch":"any"} (current: {"os":"win32","arch":"x64"}) |
| |
| removed 1 package and audited 1455 packages in 19.97s |
| |
| 203 packages are looking for funding |
| run `npm fund` for details |
| |
| found 1 <b class=HIR>high</b> severity vulnerability |
| run `npm audit fix` to fix them, or `npm audit` for details |
| Git commit not created Error: Command failed: git commit -m "Initialize project using Create React App" |
| <b class=HIK>at checkExecSyncError (child_process.js:760:11) |
| at execSync (child_process.js:833:15)</b> |
| at tryGitCommit (C:\Users\tomoyan\haruoworld\node_modules\react-scripts\scripts\init.js:62:5) |
| at module.exports (C:\Users\tomoyan\haruoworld\node_modules\react-scripts\scripts\init.js:350:25) |
| at [eval]:3:14 |
| <b class=HIK>at Script.runInThisContext (vm.js:134:12) |
| at Object.runInThisContext (vm.js:310:38) |
| at internal/process/execution.js:81:19</b> |
| at [eval]-wrapper:6:22 |
| <b class=HIK>at evalScript (internal/process/execution.js:80:60)</b> { |
| status: <b class=YEL>128</b>, |
| signal: null, |
| output: [ null, null, null ], |
| pid: <b class=YEL>18120</b>, |
| stdout: null, |
| stderr: null |
| } |
| Removing .git directory... |
| |
| Success! Created haruoworld at C:\Users\tomoyan\haruoworld |
| Inside that directory, you can run several commands: |
| |
| <b class=HIB>npm start</b> |
| Starts the development server. |
| |
| <b class=HIB>npm run build</b> |
| Bundles the app into static files for production. |
| |
| <b class=HIB>npm test</b> |
| Starts the test runner. |
| |
| <b class=HIB>npm run eject</b> |
| Removes this tool and copies build dependencies, configuration files |
| and scripts into the app directory. If you do this, you can’t go back! |
| |
| We suggest that you begin by typing: |
| |
| <b class=HIB>cd</b> haruoworld |
| <b class=HIB>npm</b> start |
| |
| Happy hacking! |
| </pre></html></WRAP> |
| </WRAP> |
| |
===== Yarn による Vue.js アプリ開発 ===== | ===== Yarn による Vue.js アプリ開発 ===== |
| |
===== トラブルシューティング ===== | ===== トラブルシューティング ===== |
| |
| ==== error `--global` has been deprecated. ==== |
| Yarn でのグローバルへのインストールは <html><code>yarn global add <package name></code></html> である🤔\\ |
| <WRAP color_term> |
| <WRAP color_command><html><pre> |
| $ yarn install @google-cloud/functions-framework -g |
| </pre></html></WRAP> |
| <WRAP color_result><html><pre> |
| yarn install v1.22.19 |
| info No lockfile found. |
| error `--global` has been deprecated. Please run "yarn global add @google-cloud/functions-framework" instead. |
| info Visit https://yarnpkg.com/en/docs/cli/install for documentation about this command. |
| </pre></html></WRAP> |
| </WRAP> |
| |
| <WRAP color_term> |
| <WRAP color_command><html><pre> |
| $ yarn global add @google-cloud/functions-framework |
| </pre></html></WRAP> |
| <WRAP color_result><html><pre> |
| yarn global v1.22.19 |
| [1/4] Resolving packages... |
| [2/4] Fetching packages... |
| [3/4] Linking dependencies... |
| [4/4] Building fresh packages... |
| success Installed "@google-cloud/functions-framework@3.1.3" with binaries: |
| - functions-framework |
| - functions-framework-nodejs |
| Done in 9.32s. |
| </pre></html></WRAP> |
| </WRAP> |
| |
| ==== その他 ==== |
<code> | <code> |
Vue CLI v4.5.9 | Vue CLI v4.5.9 |
| |
===== 参考文献 ===== | ===== 参考文献 ===== |
[[https://qiita.com/lelouch99v/items/c97ff951ca31298f3f24|yarnとは - Qiita]]\\ | [[qita>lelouch99v/items/c97ff951ca31298f3f24|yarnとは - Qiita]]\\ |
[[https://qiita.com/morrr/items/558bf64cd619ebdacd3d|yarnチートシート - Qiita]]\\ | [[qita>morrr/items/558bf64cd619ebdacd3d|yarnチートシート - Qiita]]\\ |
[[https://qiita.com/yufu/items/32fe981d84f734205d0c|Windows10 に scoop で nvm と yarn をインストールする - Qiita]]\\ | [[qita>yufu/items/32fe981d84f734205d0c|Windows10 に scoop で nvm と yarn をインストールする - Qiita]]\\ |
[[https://github.com/yarnpkg/assets|yarnpkg/assets: Yarn logo and assets]]\\ | [[git>yarnpkg/assets|yarnpkg/assets: Yarn logo and assets]]\\ |
[[https://qiita.com/FumiyaShibusawa/items/9fab0dacaa99920a8611|Sass を気軽にインストール - Qiita]]\\ | [[qita>FumiyaShibusawa/items/9fab0dacaa99920a8611|Sass を気軽にインストール - Qiita]]\\ |
[[https://qiita.com/hashrock/items/15f4a4961183cfbb2658|フロントエンド開発の3ステップ(npmことはじめ) - Qiita]]\\ | [[qita>hashrock/items/15f4a4961183cfbb2658|フロントエンド開発の3ステップ(npmことはじめ) - Qiita]]\\ |
| |
[[https://classic.yarnpkg.com/ja/docs/|ドキュメント | Yarn]]\\ | [[https://classic.yarnpkg.com/ja/docs/|ドキュメント | Yarn]]\\ |
[[https://classic.yarnpkg.com/en/docs/migrating-from-npm|Migrating from npm | Yarn]]\\ | [[https://classic.yarnpkg.com/en/docs/migrating-from-npm|Migrating from npm | Yarn]]\\ |
| |
[[https://qiita.com/hisayuki/items/8cf2396f122ca6e452ee|【VueJS+yarn】Vue CLIを使ってvueプロジェクトの作成をする - Qiita]]\\ | [[qita>rspmharada7645/items/25c496aee87973bcc7a5|React 開発環境構築 - Qiita]]\\ |
| [[qita>hisayuki/items/8cf2396f122ca6e452ee|【VueJS+yarn】Vue CLIを使ってvueプロジェクトの作成をする - Qiita]]\\ |
| |
| ==== 付録 ==== |
| [[tw>tomoyan596sp/status/1549493263090188288|こちらが本題なのですが、Node.js入れるのにWindowsのnvmの不具合の数々😅Linuxでやった方が良さそう🤔YarnでReactアプリのプロジェクトを数十秒以内に開始する😆また、はるおわーるどか🤣]]\\ |
| |