vue+Type Script最初のプロジェクトを構築

インストール項目
本機vue足場は2.0なので、webpack 3.0バージョンなので、vue/cli 2のみが適用されます.バージョン0

//    
vue init webpack vue-ts


       ，        。

 

//         ts
npm install typescript ts-loader --save-dev

//        
npm i vue-class-component vue-property-decorator --save

vue-class-component:強化Vueコンポーネント、TypeScript/装飾器強化Vueコンポーネントvue-property-decorator:vue-class-componentでより多くのVue特性を結合する装飾器ts-loader:TypeScriptはWebpackにts-loaderを提供し、実際にはwebpackに識別させるためである.ts .tsxファイル!重点ts-loaderインストール3.1.1バージョンはwebpack 3に協力する.0バージョンを使用しないと互換性がありません.
プロジェクトルートディレクトリの下にtsconfigを新規作成する.jsonファイル

//        
{
  "include": [
    "src/**/*"
  ],
  "exclude": [
    "node_modules"
  ],
  "compilerOptions": {
    "allowSyntheticDefaultImports": true,
    "experimentalDecorators": true,
    "allowJs": true,
    "module": "esnext",
    "target": "es5",
    "moduleResolution": "node",
    "isolatedModules": true,