单文件组件，eslint

1.Vue的单文件是以.vue为后缀构成的，在vue-cli中 .vue为后缀名的文件称之为单文件组件

单文件组件包含三部分：

1. template 组件的模板，用来写虚拟dom

2. script 用来写组件的业务逻辑

3. style 用来写组件的内部样式

 

 

2.vue-loader这个装载器的作用：

去解析以.vue为后缀名的单文件组件

 

3.eslint 是种代码规范，可以通过配置文件将其关闭。

让浏览器遮罩层关闭写个配置文件用 devSrever：{....}

加上lintOnSave:false 直接关闭eslint检查规则

 

若要对某条规则进行关闭可以在 .eslintrc.js 中的rules：{}中加上服务器报错的那个名字 ’名字‘：‘off’

（改完配置文件记得重新启动服务器）

 

4.终极方法，让它自动改正eslint方法：

　　1.保证vscode是最新版本

　　2.下载打开ESlint插件

　　3.按住ctrl+shift+p 搜索找到settings.json 把下面代码随便找个地方拷贝过去

 

　　"editor.codeActionsOnSave": {

　　"source.fixAll.eslint":true

　　},

　　"eslint.workingDirectories": [

　　{"mode": "auto"}

　　],

　　"vetur.ignoreProjectWarning": true,

　　"vetur.validation.template": false,

 

（注意最下面蓝条右边的ESLint要打开）

 

5.路径写@能直接定位到src，不用再../出去了

也可以自己定义配置：

configureWebpack: {

　　resolve: {

　　　　alias: {

　　　　　　'assets': '@/assets',

　　　　　　'con': '@/components',

　　　　　　'views': '@/views',

　　　　}

　　}

}