vue-cli创建项目其他相关小知识点

VScode小插件Vetur，能够识别.vue文件，有高亮和代码提示

关闭eslint检查：vue-cli官网查overlay，在vue.config.js写

不过不是特别好用，每一次都要重新启动启动服务器，特别麻烦。而且只是页面没有遮罩层的报错警告信息，控制台还有，得重新启动才行。且页面不会自动更新，得手动刷新。

// vue.config.js
module.exports = {
  devServer: {
    overlay: {
      warnings: false,//将原来的true改为false
      errors: false//将原来的true改为false
    }
  }
}

如果想要控制台不报错，且页面能够热更新，官网查询lint，onsave

// vue.config.js
module.exports = {  devServer: {
    overlay: {
      warnings: true,
      errors: true
    }
  },
  lintOnSave: process.env.NODE_ENV !== 'production'
}
改成
module.exports = {  devServer: {
    overlay: {
      warnings: false,//将原来的true改为false
      errors: false//将原来的true改为false
    }
  },
  lintOnSave:false
}
//关闭检查

这样就完全不会用到检查，而且能热更新（不推荐，项目紧急时候，电脑卡每次都要npm run lint则会浪费时间的时候考虑用）

@符号永远指向src绝对路径

如果想另外定制lint检查规则，则根据报错信息在.eslintrc.js中关闭相应的检查’quotes’: ‘off’，如：

设置别名,在vue.config.js中配置，与overlay和lintonsave同级，搜configureWebpack

configureWebpack:{
	resolve: {
		'asset':'@/asset',
		'component':'@/component'
	}
}
等等