qq_33316107的博客

vue项目的打包上线及优化项目完成，我们会将项目进行上线，同时为了提升性能，我们往往会进行一些优化处理vue项目的打包脚手架项目中有一个默认的打包命令,我们可以输入npm run bulid来对项目进行打包打开终端，切换到项目根目录输入命令：npm run build会在当前项目的根目录下生成一个dist文件夹，里面就是打包后的文件[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-8SEbzNir-1604972353525)(img\01-打包后的文件

制作首页组件整体结构分为左右结构,右边分为上下结构布局1.左侧菜单项添加2.顶部3.下边框显示栏使用Element-ui框架中的Container 布局容器页面整体布局<div class='index'><el-container> <el-aside width="200px">Aside</el-aside> <el-container> <el-header>Header</el-heade

项目前奏在脚手架里下载以下包,支持项目的开发**路由守卫:**npm install vue-router**Element-ui:**npm i element-ui -Selement的使用需要全局引入import ElementUI from 'element-ui'import 'element-ui/lib/theme-chalk/index.css'Vue.use(ElementUI)axios: npm i axios样式重置在main.js引入重置样式,作用全局,在开