VueでTypescriptの設定手順を使用する

npm インストール vue-class-component vue-property-decorator --save
npm で ts-loader typescript tslint tslint-loader tslint-config-standard --save-dev をインストールします。

// ファイルプラグインの設定の場合は、configureWebpack オブジェクトに記述する必要があります。
モジュール.エクスポート = {
    Webpack を構成する: {
        解決: { 拡張子: [".ts", ".tsx", ".js", ".json"] },
        モジュール: {
            ルール:
                {
                    テスト: /\.ts$/,
                    除外: /node_modules/、
                    強制: 'pre'、
                    ローダー: 'tslint-loader'
                },
                {
                    テスト: /\.tsx?$/,
                    ローダー: 'ts-loader',
                    除外: /node_modules/、
                    オプション:
                        追加Tsサフィックス: [/\.vue$/],
                    }
                }
            ]
        }
    }
}

 (*) Babel //ES6 から ES5
 (*) TypeScript //tsを使用する
 ( ) プログレッシブ ウェブ アプリ (PWA) サポート //プログレッシブ ウェブ アプリ (*) ルーター //ルーティング (*) Vuex //状態管理 (*) CSS プリプロセッサ //CSS 前処理 (*) リンター / フォーマッタ //仕様タイプ ( ) ユニット テスト //テスト ( ) E2E テスト //テスト

クラススタイルのコンポーネント構文を使用しますか? (Y/n) クラススタイルのコンポーネント構文を使用しますか? Yと入力してEnterキーを押します TypeScriptと一緒にBabelを使用します(モダンモード、自動検出されたポリフィル、トランスフォームに必要)
積み重ねJSX)? (Y/n) BabelとTypeScriptを使用していますか(モダンモード、ポリゴン塗りつぶしの自動検出、トランス必須(JSX) Yを入力 ルーターに履歴モードを使用しますか? (製品でインデックスフォールバックを行うには適切なサーバー設定が必要です)
ion) (Y/n) 履歴ルーティングモードを使用しますか? N を入力して Enter キーを押します。 CSS プリプロセッサを選択します (PostCSS、Autoprefixer、CSS モジュールはデフォルトでサポートされています) 通常、Sass/SCSS (node-sass を使用) を選択します。

リンター/フォーマッターの設定を選択します: (矢印キーを使用): 構文検出仕様を選択します。通常、最初のESLint(エラー防止のみ)がデフォルトです。ただし、tsを使用する場合は、TSLintを選択できます。

追加の lint 機能を選択します: (選択するには押す、すべてを切り替えるには押す、選択を反転するには押す) [保存時にチェック] / [送信時にチェック] を選択します 通常、開発中は保存時に最初のチェックを選択します Babel、PostCSS、ESLint などの構成をどこに配置することを好みますか? (矢印キーを使用) 構成情報を個別に保存するか、package.json に保存するかを選択します 通常、最初のものがデフォルトで選択され、プラグイン構成は別のファイルに保存されます 将来のプロジェクトのためにこれをプリセットとして保存しますか? (y/N) 次回プロジェクトを作成するときに再度選択しなくても済むように、プリセットとして保存しますか? N と入力して Enter キーを押します