Skip to content

utnet-org/website

Repository files navigation

Vue 3 + TypeScript + Vite 的网页模版

// 安装依赖
npm i

// 跑起来
npm run dev

// 就会看到下面的东西
> vue3-template@0.0.0 dev
> vite


  VITE v4.4.7  ready in 374 ms

  ➜  Local:   http://localhost:8080/ 
  ➜  Network: http://192.168.10.23:8080/
  ➜  Network: http://169.254.105.125:8080/
  ➜  press h to show help

安装了element-plus

有一个web3 的文件,供参考

修改网站图标在根目录index.html 名称也在这里修改

![image-20230730225402586](/Users/mac/Library/Application Support/typora-user-images/image-20230730225402586.png)

对应的图片

![image-20230730225426894](/Users/mac/Library/Application Support/typora-user-images/image-20230730225426894.png)

主体样式在 里面有一些基础的东西 可自行修改

![image-20230730225632404](/Users/mac/Library/Application Support/typora-user-images/image-20230730225632404.png)

用来写页面自适应的媒体查询

![image-20230730225733035](/Users/mac/Library/Application Support/typora-user-images/image-20230730225733035.png)

颜色变量

![image-20230730225818845](/Users/mac/Library/Application Support/typora-user-images/image-20230730225818845.png)

test