See Configuration Reference.

declare module '*.vue' {
  import type { DefineComponent } from 'vue'
  const component: DefineComponent<{}, {}, any>
  export default component
}

• 是什么? ===> typescript 中的 类型声明文件
• 为什么? ===> 加载.vue文件的时候, TS 编译器 不知道它的类型是什么?
• 怎么做? ===> 在根目录下创建shims-vue.d.ts文件
• 什么用? ===> 所有以.vue结尾的文件模块, 它的类型就是这里导出的类型(componenet), 这个componenet 对应的就是 DefineComponent, 来自于Vue本身. 这样在加载vue组件的时候,typescript才能正确的识别出它的类型

• .env.development: npm run serve 加载的环境变量配置文件
• .env.production: npm run build 加载的环境变量配置文件
• 配置的变量名称以VUE_APP_开头: VUE_APP_API_BASE_URL=http://127.0.0.1:7001

• https://next.vuex.vuejs.org/guide/typescript-support.html
• steps:

1. Define the typed InjectionKey
2. Provide the typed InjectionKey when installing a store to the Vue app
3. Pass the typed InjectionKey to the useStore method

• 放置到public目录下
• 在index.html中引入SDK

<script src="/aliyun-upload-sdk-1.5.2/lib/aliyun-oss-sdk-6.13.0.min.js"></script>
<script src="/aliyun-upload-sdk-1.5.2/lib/es6-promise.min.js"></script>
<script src="/aliyun-upload-sdk-1.5.2/aliyun-upload-sdk-1.5.2.min.js"></script>

• https://help.aliyun.com/document_detail/125570.html
• 加入public/index.html

 <!-- 视频播放SDK html5 -->
  <script src="https://g.alicdn.com/de/prismplayer/2.9.3/aliplayer-h5-min.js"></script>

• 引入样式

 <link rel="stylesheet" href="https://g.alicdn.com/de/prismplayer/2.9.3/skins/default/aliplayer-min.css" />

• 在播放页面 加入 阿里云播放器初始化容器

<div class="prism-player" id="J_prismPlayer"></div>

[email protected] [email protected]

• http://localhost:8080/#/watch/609649f1c86be959a8a996d6
• http://localhost:8080/#/watch/60966130ba81a6364ccfde0e
• http://localhost:8080/#/watch/609939cdbd4b975c38cf8825
• http://localhost:8080/#/watch/609939cdbd4b975c38cf8825
• http://localhost:8080/#/watch/609b67372387a958e83970e1