Vue-cliはtsを使用してプロジェクトを作成します

コマンド
vuecreate project_nameを使用します注：vue createはvue3コマンドであり、更新に注意してください

手動で選択する機能を選択します

以下の属性を選択してください。テストのために、すべてを選択します

上記のように必要な構成を選択します。

中国語の翻訳からの抜粋：vue-cli3 build ts project

TypeScript：

クラススタイルのコンポーネント構文を使用するかどうか：クラススタイルのコンポーネント構文
を使用するか？エスケープにbabelを使用するかどうか：自動検出された
ポリフィルにTypeScriptと一緒にBabelを使用するか？
ルーター：

1. 履歴モードを使用するかどうか：ルーターに履歴モードを使用しますか？

CSSプリプロセッサ：

1. CSSプリプロセッサのタイプを選択します。CSSプリプロセッサを選択します

リンター/フォーマッター

1. リンター/フォーマッター仕様タイプの選択：リンター/フォーマッター構成を選択します
2. 糸くずの出ない方法を選択し、保存時に確認/送信時に確認：追加の糸くず機能を選択

テスト

1. ユニットテスト方法を選択します
2. E2Eテスト方法を選択してください

Babel、PostCSS、ESLintなどのカスタム構成の保存場所を選択します。Babel、PostCSS、ESLintなどの構成をどこに配置しますか？

Vue3はスキャフォールディングカタログの説明を生成します

│  .browserslistrc
│  .gitignore
│  .postcssrc.js // postcss 配置
│  babel.config.js
│  package.json // 依赖
│  README.md // 项目 readme
│  tsconfig.json // ts 配置
│  tslint.json // tslint 配置
│  vue.config.js // webpack 配置（~自己新建~）
│  yarn.lock
│  
├─public // 静态页面
│  │—favicon.ico
│  │—index.html
│ 
├─src // 主目录
│  ├─assets // 静态资源
│  │      logo.png
│  │  
│  ├─components
│  │      HelloWorld.vue
│  │ 
│  │─views // 页面
│  │      About.vue
│  │      Home.vue
│  │ 
│  │  App.vue // 页面主入口
│  │ 
│  │  main.ts // 脚本主入口
│  │ 
│  ├─router // 路由配置
│  │      index.ts
│  │  
│  │  registerServiceWorker.ts // PWA 配置
│  │ 
│  │  shims-tsx.d.ts
│  │  shims-vue.d.ts
│  │         
│  │  
│  ├─store // vuex 配置
│  │      index.ts
│  │      
│  ├─typings // 全局注入（~自己新建~）
│  │  
│  ├─utils // 工具方法(axios封装，全局方法等)（~自己新建~）
│  
│          
└─tests // 测试用例
    ├─e2e
    │  ├─plugins
    │  │      index.js
    │  │      
    │  ├─specs
    │  │      test.js
    │  │      
    │  └─support
    │          commands.js
    │          index.js
    │          
    └─unit
            HelloWorld.spec.ts