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 卸载服务 |