Vueのプロジェクト作成でtypeScriptに対応させる

Vueのプロジェクト作成において、

typeScriptを使おうとした時のメモ。

Vue

Vue.jsの公式サイト

https://v3.vuejs.org/guide/installation.html#npm

実際のコマンド（公式サイトより引用）

$ npm install vue@next
$ npm install -g @vue/cli
$ vue upgrade --next
# npm 6.x
$ npm init vite@latest <project-name> --template vue
# npm 7+, extra double-dash is needed:
$ npm init vite@latest <project-name> -- --template vue
$ cd <project-name>
$ npm install
$ npm run dev

typeScript追加

$ vue add typescript

エラー…

Invoking generator for @vue/cli-plugin-typescript...
ERROR  Error: Cannot find module '@vue/cli-service/generator/template/src/App.vue' from '〜/src'
Error: Cannot find module '@vue/cli-service/generator/template/src/App.vue' from '〜/src'

対応

$ npm install --save-dev @vue/cli-service

再実行

$ vue add typescript
 :
✔  Successfully invoked generator for plugin: @vue/cli-plugin-typescript

就職/転職に向けてスキルを高めるために

プログラミングのスキルを高めるために、

以下のサイトを参考にしてみてください。

元Yahooエンジニアの超実践型プログラミングスクール「PRUMエンジニア留学」
Freeks(フリークス)｜サブスク型プログラミングスクールの申込
未経験からITエンジニアを目指すサポートに特化した「ウズキャリIT」

おすすめ書籍

コメント一覧

コメントはまだありません。

コメント送信

コメントを残す

関連記事

広告

おすすめ記事