vue uiで作成したプロジェクトをEclipseのプロジェクトにする

Gitなど使い慣れているEclipseでvueのプロジェクトを扱うことにします。
ブレークポイントを張るとかライブ編集は  vue-devtoolsでできるので、EclipseはエディタとGitクライアントとして使うのみです。

vue uiでプロジェクトを作成する

vue uiのプロジェクトマネージャで「作成」。

Eclipseワークスペースフォルダを選択して、「ここに新しいプロジェクトを作成する」。


「次へ」。

「デフォルトプリセット」を選択して「プロジェクトを作成する」。


Successfully created project helloworldvue.とでているのでプロジェクトが作成されたことはわかります。

プロジェクト名もプロジェクトフォルダ名もすべて小文字に変換されていました。

通常はこれで作成されたプロジェクトがvue uiにインポートされるはずでが、私の環境ではなぜかインポートされないのでステータスバーのホームアイコンをクリックしてホーム画面に戻ってインポートしました。

Eclipseのプロジェクトにする

EclipseでFile ー＞ Import。

General ー＞ Project from Folder or Archive。

Next。

Import sourceのDirectoryボタンをクリック。

vue uiで作成したプロジェクトフォルダを選択。

Finish。


これでEclipseのプロジェクトにできました。


Eclipse2020-06 for JavaScritp and Web Developersのインストール-p--qの「vueファイルのシンタックスハイライトを有効にする」 の設定をしていないとvueファイルのエディタが見つけられないと言われます。