整理的学习记录

001_XXXX(h3)\src\components\CommonHeader.vue<template> <header> <div class="l-content"> <el-button plain size="mini" icon="el-icon-menu" @click="collapseMenu"></el-button> <el-breadcrumb separator="/"&

001_连通页面组件(h3)\src\views\Student\Home\Home.vue<template> <div> home </div></template><script>export default {}</script><style lang="scss" scoped></style>\src\views\Student\Appointment\

001_XXXX(h3)\src\views\Student\Main.vue<template> <el-container style="height: 100%"> <el-aside><common-aside></common-aside></el-aside> <el-container> <el-header><common-header><

001_顶部导航栏与左侧导航联动的面包屑实现(h3)\src\components\CommonAside.vue<template> <el-menu default-active="2" class="el-menu-vertical-demo" background-color="#545c64" text-color="#fff" active-text-color="#ffd04b"> <!-- 无子级菜单--> <el-men

001_左侧公共导航菜单(h3)\src\components\CommonAside.vue<template> <el-menu default-active="2" class="el-menu-vertical-demo" background-color="#545c64" text-color="#fff" active-text-color="#ffd04b"> <!-- 有子级菜单--> <el-submenu index

001_项目目录(h3)\src\main.jsimport Vue from 'vue'import App from './App.vue'import router from './router'import store from './store'// 全局配置import './assets/scss/reset.scss'import 'element-ui/lib/theme-chalk/index.css'// 第三方包import ElementUI from

003_vscode自定义格式化规则(ESLint Prettier)vscode下载ESlint , Prettier , Vetur 插件调整Prettier拓展设置选择项目任意js或vue文件,用Prettier格式化程序格式化，最好将其设置为默认格式化程序格式化后保存终端会出现一些警告，这是因为ESlint 格式化规范和Prettier格式化规则冲突了。继续自定义ESlint 规范在.eslintrc.js 中覆盖prettier规则即可，覆盖是为了防止冲突ru

vscode终端：vue create vue_001(输出该命令后回车)Please pick a preset:(下方向键选着Manually select features选项后回车)Manually select featuresCheck the features needed for your project:(同上，这行是问题，下面对应问题的选项)BabelRouterVuexCSS Pre-processorsLinter / Formatter

prettier插件格式化代码时，当箭头函数仅有一个参数时加上括号当使用Prettiert格式化代码时，当箭头函数仅有一个参数时加上括号，与ESLint格式化代码校验插件造成冲突时。解决如下。