Vue 3 + TypeScript + Vite

创建工程

- npm create vite@latest

安装依赖

- npm install

安装路由

- npm install vue-router@next -save

安装pinia被誉为vuex的下一代状态存储

- npm install pinia

安装axios

- npm install axios

安装ant-design-vue框架

- npm i --save ant-design-vue@latest
- npm install --save @ant-design/icons-vue
- npm install @vueuse/core
- npm install @vitejs/plugin-vue-jsx

安装jsencrypt、crypto-js

- npm install jsencrypt
- npm install crypto-js
- npm install @types/crypto-js
- npm install lodash-es
- npm install @types/lodash-es
- npm install uuid
- npm install @types/uuid
- npm install sortablejs
- npm install ts-simple-nameof

安装vite-plugin-top-level-await

- npm install vite-plugin-top-level-await

设置tsconfig.json和vite.config.ts文件

安装Animate.css动画

npm install animate.css --save
npm install wow.js --save
main.ts:
import 'animate.css';
import 'animate.css/animate.compat.css';
新建vite-env.d.ts>加入一行declare module 'wow.js';
    data-wow-duration：更改动画持续时间
    data-wow-delay：动画开始前的延迟
    data-wow-offset：动画开始的距离（与浏览器底部相关）
    data-wow-iteration：动画的次数被重复
<section class="wow slideInLeft" data-wow-duration="2s" data-wow-delay="5s">
</section>
<section class="wow slideInRight" data-wow-offset="10"  data-wow-iteration="10">
</section>

安装gsap动画

npm install gsap

上线IIS设置

404错误：如果上线还需在IIS设置MIME
".m3u8" = "application/vnd.apple.mpegurl";
401错误：反向代理时，要设置文件夹权限IUSR,IIS_IUSRS

任务执行计划

CloudBuilder.ScheduleService install 安装服务
CloudBuilder.ScheduleService start 启动服务
CloudBuilder.ScheduleService stop 停止服务
CloudBuilder.ScheduleService uninstall 卸载服务