58 lines
2.0 KiB
Markdown
58 lines
2.0 KiB
Markdown
# 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 卸载服务 |