vue.config.js/nuxt.config.jsで補完を効くようにする
※ vscodeでの開発が前提です
vue.config.jsの場合
- @vue/cli 4.5.8 で
vue create
した環境で確認- Vue2 / Vue3 どちらでもOK
vue.config.js
/**
* @typedef { import("@vue/cli-service").ProjectOptions } Options
* @type { Options }
*/
const option = {
// ここに補完が効くようになる
};
module.exports = option;
↑こんな感じになると思います
nuxt.config.jsの場合
- nuxt 2.14.6 と @nuxt/types 2.14.6 で確認
nuxt.config.js
/**
* @typedef { import("@nuxt/types").NuxtOptions } NuxtOptions
* @type { NuxtOptions }
*/
const option = {
// ここに補完が効くようになる
};
export default option;
↑こんな感じになると思います
@nuxtjs/vuetify を使ってる場合は以下のように書きます
nuxt.config.js
import colors from "vuetify/es5/util/colors";
/**
* @typedef { import("@nuxt/types").NuxtOptions } NuxtOptions
* @typedef { import("vuetify/types/services/presets").VuetifyPreset } VuetifyPreset
* @type { NuxtOptions & { vuetify?: Partial<VuetifyPreset> } }
*/
const option = {
// ここに補完が効くようになる
};
export default option;
nuxt.config.jsでの注意点
上記の@nuxtjs/vuetifyのように、nuxtプラグインの設定は自分で型を定義する必要があり、まあまあめんどくさいです。
まとめ
configファイルをtsで書く選択もあるみたいですが、補完が効くなら個人的にはjsの方が気軽だなと思います。
わざわざうる覚えの設定をいちいちググるのもめんどくさいですし。
関連記事
-
webpack.config.jsで補完を効くようにする - Qiita
- ちょっと前に書いたしたやつ (これ書いたからすっかりvue.config.jsのも書いていたと思っていました、、)
Author And Source
この問題について(vue.config.js/nuxt.config.jsで補完を効くようにする), 我々は、より多くの情報をここで見つけました https://qiita.com/Kagurazaka___/items/a431d2137d04b13ceed2著者帰属:元の著者の情報は、元のURLに含まれています。著作権は原作者に属する。
Content is automatically searched and collected through network algorithms . If there is a violation . Please contact us . We will adjust (correct author information ,or delete content ) as soon as possible .