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: ''
})

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

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

你可能感兴趣的:(理解,经验)