vue脚手架 elslint关闭 elslint局部关闭

vue使用

1.先安装脚手架

全局安装vue-cli:

cnpm install -g @vue/cli

or

yarn global add @vue/cli

使用项目 都需要重新安装脚手架，下面选项不用
检测安装：

vue -V

通过vue create . 进入配置

通过键盘上下键选择最后一项回车进入下一项

选择项目中所需要的插件键盘空格选择

选择vue的版本

选择css预处理器

代码检查

代码选择可不可以修复

将配置文件放在那里

如果中途报错 yarn lint 代码修复
修复完之后 yarn serve 启动项目

最重要的就是关注src文件 其中main.js是主入口文件

对于main.js文件

首先，引入vue，然后就是引入App.vue单文件组件（图左）
new Vue就是创建一个vue的实例
render这个钩子函数，就表示App.vue这一块代码把public/index.html那块代码替换

之前

这时不得不讲的eslint语法规范

这里就不详细讲解：https://www.jianshu.com/p/c021912d67d2
但是也可以自动修复

关闭eslint

如果当前项目使用了eslint，并且需要关闭。需要根目录下创建vue.config.js文件，采用如下代码：

module.exports = {
    devServer: {
        overlay: {
          warnings: false,
          errors: false
        }
    },
    lintOnSave:false //直接关闭eslint检查
    //不写这玩意，是服务端报错，客户端正常
}

配置文件更改都需要重新启动服务器yarn serve

如果只是单独关闭一些eslint的规则

![在这里插入图片描述](https://img-blog.csdnimg.cn/20201014141723860.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3pxbGJhbnpodWFu,size_16,color_FFFFFF,t_70#pic_center
在练习一下，去掉空格这个规则