开发vue项目时,使用 eslint 作为代码检查和规范工具,vs code 默认的格式化工具不能识别 .vue 文件,所以不能进行格式化 所以,需要安装 vetur ,此工具除了能够格式化 vue 文件代码外,还具有代码高亮等功能 安装此工具后,在 .vue 文件中,使用 atl+shif+f 键,会使用 vetur 进行代码的格式化 但是格式化后的代码不符合 eslint 规范,如字符串使用双引号,而不是单引号,并且在每行的末尾添加了分号 解决方法不止一种,可以配合其他的格式化工具,或者设置eslint 规则来解决 我喜欢一种比较简单的 就是将 vetur 的格式化方式换成 vs code 默认的 在设置文件中,加入如下标红代码 之后再格式化时,就会使用 vs code 默认的格式化了,不会将单引号换成双引号,不会自动在每行末尾加入分号 如果之前已经写了一些代码,其中的双引号以及分号和其他一些内容,如果想换成符合 eslint 规范的,重新格式化是不行的,因为 vs code 的格式化工具,虽然不会将单引号转换成双引号,但也不会将双引号转换成单引号,也就是说,其是支持两种引号的。 但是可以使用 eslint 提供的一个工具,对项目中的所有代码进行格式话,如果你使用 vue/cli 创建的项目,则这个工具已经安装且配置好了 只需要运行 npm run lint 命令就会将项目中的文件做一次整体的检查,并且会自动做一些修改,如将双引号替换成单引号,去除默认的分号,以及添加一些必要的空格等 但也会有两个问题 1、工具会检查 src 目录下的所有文件,如我在 assets 目录中引入了字体文件,但是字体文件中的js代码中的代码不符合 eslint 规范,所以也被算作错误,解决办法是排除不想要检查的目录 具体作为是在项目根目录下新建 .eslintignore 文件,加入如下代码 2、工具不能解决所有问题,有些问题,如变量声明但没有使用,没有使用权等符号等问题,还是需要手动解决的
src/assets
本网页所有视频内容由 imoviebox边看边下-网页视频下载, iurlBox网页地址收藏管理器 下载并得到。
ImovieBox网页视频下载器 下载地址: ImovieBox网页视频下载器-最新版本下载
本文章由: imapbox邮箱云存储,邮箱网盘,ImageBox 图片批量下载器,网页图片批量下载专家,网页图片批量下载器,获取到文章图片,imoviebox网页视频批量下载器,下载视频内容,为您提供.
阅读和此文章类似的: 全球云计算