vue-Admin开发

vue-Admin开发

快速搭建

官网上提供了非常基础的脚手架，如果我们使用官网的脚手架需要自己写很多代码比如登陆界面、主界面菜单等内容。 课程已经提供了功能完整的脚手架，我们可以拿过来在此基础上开发，这样可以极大节省我们开发的时间。
（1）解压vueAdmin-template-master
（2）在命令提示符进入该目录，输入命令：

cnpm install

这样下载安装所有的依赖，几分钟后下载完成。
（3）输入命令：

npm run dev

运行后自动弹出浏览器。

关闭语法规范性检查

修改config/index.js ，将useEslint的值改为false。

此配置作用: 是否开启语法检查，语法检查是通过ESLint 来实现的。

我们现在科普一下,什么是ESLint : ESLint 是一个语法规则和代码风格的检查工具，可以用来保证写出语法正确、风格统一的代码。如果我们开启了Eslint , 也就意味着要接受它非常苛刻的语法检查，包括空格不能少些或多些，必须单引不能双引，语句后不可以写分号等等，这些规则其实是可以设置的。我们作为前端的初学者，最好先关闭这种校验，否则会浪费很多精力在语法的规范性上。如果以后做真正的企业级开发，建议开启。

国际化设置

打开/src/main.js 找到这句代码

import locale from 'element-ui/lib/locale/lang/en'

我们将en修改为zn-CN

import locale from 'element-ui/lib/locale/lang/zh-CN'

修改后组件都是按照中文的习惯展示