手把手讲解Vue + Element UI实现后台管理系统(二):配置项目基本环境及项目结构介绍

基本环境配置

1、项目配置文件

首先,我们在项目目录下创建项目配置文件:vue.config.js,如下:
手把手讲解Vue + Element UI实现后台管理系统(二):配置项目基本环境及项目结构介绍_第1张图片
我们运行命令启动一下,检验项目能否正常打开:

npm run serve

运行结果界面如下:
手把手讲解Vue + Element UI实现后台管理系统(二):配置项目基本环境及项目结构介绍_第2张图片

2、项目开发辅助配置

为了开发效率,我们安装如下三个vscode插件:

ESlint , Prettier , Vetur 插件

a、配置项⽬按eslint规范格式化代码

选择“首选项”——>“设置”。

你可能感兴趣的:(手把手讲解:Vue,+,Element,UI实现后台管理系统)