Java教程

【九月打卡】第8天+学习企业级Vite配置方案

本文主要是介绍【九月打卡】第8天+学习企业级Vite配置方案，对大家解决编程问题具有一定的参考价值，需要的程序猿们随着小编来一起学习吧！

课程名称：基于Vue3，打造前台+中台通用提效解决方案
课程章节：第5章 企业级vite配置方案——让vite得心应手
主讲老师：Sunday
课程链接：https://coding.imooc.com/class/chapter/577.html#Anchor

课程内容：

今天学习的内容包括：

  • 明确移动端和PC端的构建顺序
  • 构建移动处理工具Mobile Terminal
  • 通过Vueuse优化处理方案
  • 定义软连接
  • 构建VueRouter移动端路由表
  • 划分移动端首页模块
  • 导入并配置axios
  • vite处理服务器
  • vite处理环境变量

课程收获：

明确PC端和移动端构建顺序

  • TailWind移动优先
    • 判断设备
      • 构建方法来判断（判断屏幕宽度是都低于1280为移动端）
        • 实际工作通过正则那useage的接口来判断
  • Vue.use8.1.2
    • useWindowSize 响应式获取屏幕尺寸

定义软连接

  • vite默认不支持@ 要手工配置alias

构建vueRouter移动端路由表

  • 前台页面要好看，使用history模式
  • 通过前面的方法来判断采用哪个路由

划分移动端首页模块

  • 对页面拆分
    • header页面分为，移动段和pc端

导入和配置axios

  • 0.26.1
  • 封装request
    • 配置icode

vite处理代理服务器

  • 设置代理

vite处理环境变量

课程学习截图

图片描述

这篇关于【九月打卡】第8天+学习企业级Vite配置方案的文章就介绍到这儿，希望我们推荐的文章对大家有所帮助，也希望大家多多支持为之网！
您可能喜欢
栏目导航