胡萝卜先生的进阶之路

vue3.0 + vite打包完成之后，自动将dist下的资源包打包成zip。1、vite-plugin-zip-pack 插件。修改vite.config.ts，增加plugin。

【代码】CSS动画（animation）事例。

在vite开发过程中，一些变量可以放在.env（基础公共部分变量）.env.dev（开发环境）、.env.production（生产环境）中管理，通常分成开发和生产两个不同的配置文件管理；但是在部署调试的过程中会有不同的若干个环境运行，这时候需要修改.env.production中的部分变量（如api地址）重新打包会比较麻烦；

* 添加用户名密码小图标 */

（4）华为云npm源：https://mirrors.huaweicloud.com/repository/npm。（5）腾讯云源：https://mirrors.cloud.tencent.com/npm/（2）淘宝源：https://registry.npmmirror.com。（1）官方源：https://registry.npmjs.org。（3）cnpm源：http://r.cnpmjs.org。

DOCTYPE html > < html lang = "en" > < head > < meta charset = "UTF-8" > < meta name = "viewport" content = "width=device-width, initial-scale=1.0" > < title > 弹窗首页 < / title >

Vue无疑是当前最热门的前端技术之一，利用Vue创建项目并环境搭建也是开发过程中最重要的一步。作为新手入门级别，在次过程中也是经历着痛和快乐。有感于此，将在开发过程中遇到的一些环境搭建问题及解决方案汇总于此，持续更新…1、vue中sass 样式包依赖安装，按照正常的安装会出现版本过高，不能使用的问题，用以下命令安装即可$ npm install sass-loader@7.3.1 --save-dev$ npm install node-sass --save2、cnpm 失效、npm安装失败的

Vue中自定义拦截器拦截器、Api、页面调用的相互关系如图1. 拦截器实现代码import axios from 'axios'/** * 创建你axios实例 */const instance = axios.create({ baseURL: '', // api的base_url timeout: 10000, // 请求超时时间 withCredentials...

Vue生命周期 项目中一直有使用mounted、created等几个函数，却没有深入的挖掘之间的相互关系。近段时间系统的过了下这些内容，现在将学习的心得整理如下。 Vue 实例在被创建时都要经过一系列的初始化过程——例如，需要设置数据监听、编译模板、将实例挂载到 DOM 并在数据变化时更新 DOM 等。同时在这个过程中也会运行一些叫做**生命周期钩子**的函数，这给了用户在不同阶段添...