vue项目中遇到的知识问题

1. eslint不认可代码末尾的“;”号， 安装prettier插件，然后打开vistual studio的首选项-设置，找到settings.json ，在“[]”里添加以下规则

"vetur.format.defaultFormatterOptions": {
    "prettier": {
      // 格式化不加分号
      "semi": false,`在这里插入代码片`
      // 格式化为单引号
      "singleQuote": true
    }
  },
  // 在方法括号之间插入空格
  "javascript.format.insertSpaceBeforeFunctionParenthesis": true

重启编辑器就可了。

第二种方法
一、设置中搜索关键词 “semicolon”
新版本 vscode 在设置那可以根据关键词来进行搜索，找到相关配置进行勾选设置，如图，将勾勾去掉保存设置即可

二、直接在 “settings.json” 文件中修改

    {
      "javascript.format.insertSpaceAfterSemicolonInForStatements": false,
       "prettier.semi": false,
       "typescript.format.insertSpaceAfterSemicolonInForStatements": false
    }

三、在 “.prettierrc" 文件中设置

    {
      "singleQuote": true,
      "semi": false
    }

这里要注意的是，”Prettier - Code formatter“ 这个插件是先判断项目根目录是否存在 “.prettierrc” 配置文件，如果存在则不再读取 “settings.json" 中 prettier 的相关配置了。
因此，如果根目录的 ”.prettierrc" 没有设置 “semi”: false 则在 “settings.json" 里设置 “prettier.semi”: false 无效。

转载于：https://www.cnblogs.com/teemwu/p/10635620.html

Vue 错误提示 Do not use ‘new’ for side effects

在 new Vue 在ESLint报错 Do not use ‘new’ for side effects

方法一

在new Vue上加/* eslint-disable no-new */
这句注释可以绕过规则检测

作者：my木子
链接：https://www.jianshu.com/p/3a7982110656
来源：简书
著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。

/* eslint-disable no-new */
new Vue({
  el: '#app',
  router,
  components: { App },
  template: '<App/>'
})

方法二
可以用以下方法代替上面

let vm = new Vue({
  router,
  el: '#app',
  render: h => h(App)
})

Vue.use({
  vm
})

方法三

按照Prettier官网配置
1.安装（npm 方法）

npm install --save-dev --save-exact prettier
1
2.新建.prettierrc.json配置文件放在vue项目的根目录下(和package.json文件同一目录)

3.配置.prettierrc.json文件

{
	"semi":false//在语句结尾处加上分号,false是不加分号
}

原链接
https://blog.csdn.net/qq_39840470/article/details/100888178

解决保存时单引号变双引号的问题
https://blog.csdn.net/zhixuexingchen/article/details/100550522