-Bell--优快云博客

原创开发一个后台管理系统的主框架页面（登录、主界面、子界面）

登录1. 找到 src/router/index.js 路由文件，添加登录路由代码：{ path: '/login', component: (resolve) => require(['@/views/login.vue'], resolve)}2. 在 src/views 目录下新增 login.vue 文件，内容如下：<template> <div class="login-bg"> <div class="login-box"&g

2023-09-18 16:45:41 1630

原创 Vue2 element-ui 框架中集成国际化 vue-i18n 并封装成可切换语言的组件

在 Vue 2 中配置国际化，您可以使用 Vue I18n 插件。Vue I18n 是 Vue.js 官方推荐的国际化插件，它可以帮助您轻松地实现多语言支持。

2023-09-18 16:38:30 2702 2

原创第七步 Webpack 配置多环境和全局变量 cross-env 和 webpack.DefinePlugin

一般情况下我们需要多个环境如：开发dev测试test预发布release正式build，每个环境有自己的独立api接口请求地址。此时我们就需要使用cross-env命令设置环境变量。

2023-09-18 16:17:30 2519

原创第六步 Vue2 集成全家桶 vue-router vuex axios 和 element-ui

Vue Router是Vue.js官方提供的路由管理库，用于实现前端应用的路由功能。它可以将前端路由映射到Vue组件，实现页面的切换和导航等功能。Vue Router支持嵌套路由、路由参数、路由守卫等高级功能，能够满足各种复杂的路由需求。Vuex是Vue.js官方提供的状态管理库，用于集中管理应用程序中的状态。它将应用程序中的数据存储在一个全局的store中，并提供了一些API来改变状态和获取状态。

2023-09-18 16:14:47 1712

原创第五步 Vue2 vue.config.js 使用image-minimizer-webpack-plugin配置图片压缩

npm install image-minimizer-webpack-plugin imagemin imagemin-pngquant --save-dev

2023-09-18 16:11:22 888

原创第四步 Vue2 配置ESLint

ESLint 是一个广泛使用的 JavaScript 代码检查工具，可以帮助开发者在编写代码时发现并修复潜在的问题和错误。在时虽然已经选择了包含 ESLint 预设配置，但还需要做一些调整，让我们使用起来能够更加的丝滑。

2023-09-18 16:01:55 2437

原创第三步 Vue2 vue.config.js 集成 Less 配置 sourceMap+全局变量

这会将 Less 和 Less loader 作为开发依赖项安装到你的项目中。如果没有其他需求，安装好就已经可以在项目中直接使用了。

2023-09-18 15:59:19 2154

原创第二步 Vue2 vue.config.js 基础配置，路径别名alias

vue.config.js是一个用于 Vue 项目的配置文件，用于自定义项目的构建配置。在这个文件中，你可以修改 webpack 相关的选项，以满足你的项目需求。

2023-09-18 15:54:10 2850

原创第一步 Vue2 使用 Vue 脚手架 Vue CLI 搭建一个 Vue.js 前端项目框架

Vue CLI 是一个用于快速搭建 Vue.js 项目的脚手架工具。它集成了开发所需的各种工具和常见配置，让你可以专注于编写代码而不用为构建过程烦恼。本教程将介绍如何使用 Vue CLI 来搭建一个基本的 Vue.js 项目。

2023-09-18 15:47:30 941

原创 Vue2入门从0到1

Vue2.x 基础代码使用说明以及提供一个开箱即用的demo用于练习

2023-09-18 15:40:32 99

原创前端项目上线后，页面因浏览器缓存未刷新问题

当前端页面开发测试完成后进行上线时，有时候在将更新的页面上传到服务器之后，浏览器并没有立即展示新的页面，而继续渲染旧的页面。这是因为浏览器默认会对已访问过的页面进行缓存，以提高性能。因此，当页面内容发生变动时，浏览器会仍然使用缓存中的旧页面，而无法获取到最新的页面内容。虽然刷新或者清除缓存能解决这方面的问题，但是用户并不知道什么时候需要清除缓存，或者根本不知道如何操作。所以，需要解决文件变动后浏览器没有更新的问题。

2023-09-18 15:20:56 2083