ThinkChat🤖让你学习和工作更高效,注册即送10W Token,即刻开启你的AI之旅 广告
[TOC] >[success] # vue-ui界面详解 **项目创建完成后** 就会显示以下这个界面 ![](https://box.kancloud.cn/4d91537238fe559ed8d1e23995f76517_1907x918.png) >[success] ## 项目仪表盘 这个 **项目仪表盘** 中可以 **安装vue** 的 **插件** ,就在 **右上角** 有个安装 **devtools** >[success] ## 插件 项目中用的插件,例如 **vue-cli、babel、eslint** >[success] ## 依赖 项目中用到的依赖,依赖分为2中: 1. **运行依赖** **运行依赖** 这里用到了 **vue、vue-router、vuex、core.js(开源库例如promises、symbols、collections、iterators、typed arrays、ECMAScript 7+ proposals、setImmediate等等)** 2. **开发依赖** **开发依赖** 这里用到了 **node-sass、sass-loader、eslint-plugin-vue、eslint等等** >[success] ## 配置 1. vue-cli的配置 2. Eslint的配置 >[success] ## 任务 1. **serve本地开发运行的环境** 2. **build打包编译项目** 3. **lint** 是检查我们的代码是否符合 **eslint** 的要求 4. **inspect** 检查我们 **webpack** 的配置 ![](https://box.kancloud.cn/caafcc4bafe365e1527713f1688df1eb_306x295.png)