vue-element-admin关闭保存时的警告
时间: 2023-06-30 09:21:23 浏览: 57
在 `vue-element-admin` 中关闭保存时的警告可以通过修改 `vue.config.js` 文件来实现。具体方法如下:
1. 在项目根目录下创建 `vue.config.js` 文件。
2. 在该文件中添加以下代码:
```javascript
module.exports = {
chainWebpack: config => {
// 生产环境
config.when(process.env.NODE_ENV === 'production', config => {
config.plugin('optimize-css').tap(args => {
args[0].cssnanoOptions.preset[1].zindex=false
return args
})
})
// 开发环境
config.when(process.env.NODE_ENV === 'development', config => {
config.plugin('warning-disable').use('ignore-warnings-plugin', [{ 'warning-name': 'mini-css-extract-plugin' }])
})
}
}
```
3. 保存并关闭文件,重启项目即可。
这样,就可以在开发环境下关闭保存时的警告。如果需要在生产环境下关闭保存时的警告,也可以在上述代码中进行相应的修改。
相关问题
vue-admin-template和vue-element-admin
vue-admin-template和vue-element-admin是两个不同的项目。
vue-admin-template是一个基于vue-element-admin的后台管理系统基础模板,可以作为模板进行二次开发。它提供了一个简洁的基础框架,适合用于中小型后台管理项目的开发。你可以从GitHub上获取它的源代码,GitHub地址是https://github.com/PanJiaChen/vue-admin-template 。
而vue-element-admin是一个丰富的组件库,它包含了很多常用的组件和功能,可以作为一个工具箱。你可以从vue-element-admin中复制你需要的功能或组件到vue-admin-template中进行二次开发。这样可以加快开发速度,并且确保功能的完整性和稳定性。
总结起来,vue-admin-template是一个基础的后台管理系统模板,适合二次开发,而vue-element-admin是一个组件库,可以作为工具箱供开发者使用。
安装使用vue-element-admin
Vue-element-admin 是一个基于Vue.js和element-ui的后台管理系统解决方案,它提供了丰富的功能组件和示例页面,可以帮助你快速构建一套完整的后台管理系统。下面是安装使用vue-element-admin的步骤:
1. 安装Node.js和npm:在官网上下载安装包,安装完成后检查是否安装成功:
```
node -v
npm -v
```
2. 全局安装vue-cli:
```
npm install -g vue-cli
```
3. 从github上下载vue-element-admin代码:
```
git clone https://github.com/PanJiaChen/vue-element-admin.git
```
4. 进入vue-element-admin目录,安装依赖:
```
cd vue-element-admin
npm install
```
5. 启动项目:
```
npm run dev
```
6. 访问 http://localhost:9528/ 就可以看到项目的页面了。