TaikiTkwkbysh
@TaikiTkwkbysh (WAKA Engineer)

Are you sure you want to delete the question?

If your question is resolved, you may close it.

Leaving a resolved question undeleted may help others!

We hope you find it useful!

vueでプロジェクトを作成する際、「.git」フォルダがインストールされない

vue.jsでプロジェクトを作成する際、.gitフォルダがインストールされません。

vue.js初学者の者です。
現在、「vue.js 3 超入門」という参考書を見ながら、
vueの勉強をしているのですが、1つ不明な点があり困っております。

バージョン
@vue/cli 4.5.13

発生している問題・エラー

macのターミナルで下記のようなコマンドを入力し、プロジェクトを作成。

vue create project1

次に下記の項目を選択。プロジェクトの作成が開始されます。

Default (Vue 3)([Vue 3],babel,eslint)

その中で、下記のような文が記述されていました。

setting up Git hooks
can't find .git directory, skipping Git hooks installation

または、問題・エラーが起きている画像をここにドラッグアンドドロップ

該当するソースコード

setting up Git hooks
can't find .git directory, skipping Git hooks installation

「Vue.js 3 超入門」の記載では、プロジェクトが作成された際には、
・「.git」フォルダ
・「node modules」フォルダ
・「public」フォルダ
・「src」フォルダ

が作成されるとありましたが、.gitフォルダだけが作成されず、
他のフォルダは作成されます。
原因が全くわからないのですが、これは正常な動作なのでしょうか。
正常でなければ、何が原因なのかご教示いただけますと幸いでございます。

ご教示の程、何卒よろしくお願い申し上げます。

表示コマンド一式



Vue CLI v4.5.13
? Please pick a preset: Default (Vue 3) ([Vue 3] babel, eslint)


Vue CLI v4.5.13
✨  Creating project in /Users/ユーザー名/Desktop/超入門/project1.
⚙️  Installing CLI plugins. This might take a while...


> fsevents@1.2.13 install /Users/ユーザー名/Desktop/超入門/project1/node_modules/watchpack-chokidar2/node_modules/fsevents
> node install.js

No receipt for 'com.apple.pkg.CLTools_Executables' found at '/'.

No receipt for 'com.apple.pkg.DeveloperToolsCLILeo' found at '/'.

No receipt for 'com.apple.pkg.DeveloperToolsCLI' found at '/'.

gyp: No Xcode or CLT version detected!
gyp ERR! configure error 
gyp ERR! stack Error: `gyp` failed with exit code: 1
gyp ERR! stack     at ChildProcess.onCpExit (/usr/local/lib/node_modules/npm/node_modules/node-gyp/lib/configure.js:351:16)
gyp ERR! stack     at ChildProcess.emit (events.js:400:28)
gyp ERR! stack     at Process.ChildProcess._handle.onexit (internal/child_process.js:277:12)
gyp ERR! System Darwin 20.4.0
gyp ERR! command "/usr/local/bin/node" "/usr/local/lib/node_modules/npm/node_modules/node-gyp/bin/node-gyp.js" "rebuild"
gyp ERR! cwd /Users/ユーザー名/Desktop/超入門/project1/node_modules/watchpack-chokidar2/node_modules/fsevents
gyp ERR! node -v v14.17.4
gyp ERR! node-gyp -v v5.1.0
gyp ERR! not ok 

> fsevents@1.2.13 install /Users/ユーザー名/Desktop/超入門/project1/node_modules/webpack-dev-server/node_modules/fsevents
> node install.js

No receipt for 'com.apple.pkg.CLTools_Executables' found at '/'.

No receipt for 'com.apple.pkg.DeveloperToolsCLILeo' found at '/'.

No receipt for 'com.apple.pkg.DeveloperToolsCLI' found at '/'.

gyp: No Xcode or CLT version detected!
gyp ERR! configure error 
gyp ERR! stack Error: `gyp` failed with exit code: 1
gyp ERR! stack     at ChildProcess.onCpExit (/usr/local/lib/node_modules/npm/node_modules/node-gyp/lib/configure.js:351:16)
gyp ERR! stack     at ChildProcess.emit (events.js:400:28)
gyp ERR! stack     at Process.ChildProcess._handle.onexit (internal/child_process.js:277:12)
gyp ERR! System Darwin 20.4.0
gyp ERR! command "/usr/local/bin/node" "/usr/local/lib/node_modules/npm/node_modules/node-gyp/bin/node-gyp.js" "rebuild"
gyp ERR! cwd /Users/ユーザー名/Desktop/超入門/project1/node_modules/webpack-dev-server/node_modules/fsevents
gyp ERR! node -v v14.17.4
gyp ERR! node-gyp -v v5.1.0
gyp ERR! not ok 

> yorkie@2.0.0 install /Users/ユーザー名/Desktop/超入門/project1/node_modules/yorkie
> node bin/install.js

setting up Git hooks
can't find .git directory, skipping Git hooks installation

> core-js@3.16.0 postinstall /Users/ユーザー名/Desktop/超入門/project1/node_modules/core-js
> node -e "try{require('./postinstall')}catch(e){}"


> ejs@2.7.4 postinstall /Users/ユーザー名/Desktop/超入門/project1/node_modules/ejs
> node ./postinstall.js

added 1264 packages from 666 contributors and audited 1264 packages in 33.681s

81 packages are looking for funding
  run `npm fund` for details

found 7 moderate severity vulnerabilities
  run `npm audit fix` to fix them, or `npm audit` for details
🚀  Invoking generators...
📦  Installing additional dependencies...

added 80 packages from 86 contributors and audited 1344 packages in 10.965s

88 packages are looking for funding
  run `npm fund` for details

found 7 moderate severity vulnerabilities
  run `npm audit fix` to fix them, or `npm audit` for details
⚓  Running completion hooks...

📄  Generating README.md...

🎉  Successfully created project project1.
👉  Get started with the following commands:

 $ cd project1
 $ npm run serve

ユーザー名 超入門 % cd project1
0

2Answer

.gitディレクトリはgit initでリポジトリを作成した際に作成されるものなのでgitの設定の手順を飛ばしていたりしませんか?
ちなみにgit hooksのインストールがスキップされているだけなので勉強のためなら問題はないと思います。
https://git-scm.com/book/ja/v2/Git-%E3%81%AE%E3%82%AB%E3%82%B9%E3%82%BF%E3%83%9E%E3%82%A4%E3%82%BA-Git-%E3%83%95%E3%83%83%E3%82%AF

余談ですが、いろいろ面倒なことが起きたりするのでプロジェクト名に全角は使わない方がいいと思います。

0Like

@O_Hiroki

ご回答を頂いていたにも関わらず、ご返信ができておらず申し訳ございません。
ご教示頂き、誠にありがとうございます。
実務未経験者なので、しっかり認識ができているか分かりませんが、下記のように認識致しました。

① 現状起きている事は git hooks のインストールがスキップされている。
git hooksはgitでコマンドを実行する直前、もしくは実行後に特定のスクリプト(処理的なもの?)をするもの。

② git hooksは事前にリポジトリを作成していないと利用できないもので、現状リポジトリは作成していないの で、スキップされている。
git initコマンドを実行する(リポジトリを作成する)と、任意名フォルダ/.git/hooksが生成される。
.gitディレクトリはこの事を指していて、git hooksはこの.gitディレクトリを利用している。

③個人の勉強で利用しているので、gitを使用しなければ特段問題はない。

認識に誤りがございましたら、申し訳ございません。

またプロジェクト名について、ご指摘頂き誠にありがとうございます。
分からない事ばかりの為、細かいところまでご教示頂けて大変助かります。

また自分のご回答やその他宜しくない箇所がございましたら、
ご教示頂けますと幸いでございます。

以上、宜しくお願い致します。

0Like

Your answer might help someone💌