vue2 项目实例 Layout布局（二）

本布局是按照vue-admin-template 搭建流程即可或其它后台框架搭建，实际根据需求改动

 https://panjiachen.github.io/vue-element-admin-site/zh/guide/

1、使用Scss  安装scss 后续在页面使用

npm i node-sass sass-loader style-loader -D

2、去掉eslint提示

module.exports = {
  publicPath: '/',
  outputDir: 'dist',
  assetsDir: 'static',
  // lintOnSave: process.env.NODE_ENV === 'development',
  lintOnSave: false,  // 去掉eslint验证 
 .....

具体配置查看 vue.config.js配置

 

 

      .set('@', path.resolve(__dirname, 'src'))
      .set('@api', path.resolve(__dirname, 'src/api'))
      .set('@assets', path.resolve(__dirname, 'src/assets'))
      .set('@components', path.resolve(__dirname, 'src/components'))
      .set('@views', path.resolve(__dirname, 'src/views'))

 

 

 

src/layout目录存放布局相关

src/api  接口相关

src/icons  svg文件

src/router  路由相关

src/store  状态管理

src/style  样式

......