2016 - 2024

感恩一路有你

eslint格式化代码 实例详解Vue项目使用eslint prettier规范代码风格?

浏览量:2883 时间:2021-03-17 14:21:45 作者:admin

实例详解Vue项目使用eslint prettier规范代码风格?

1. 安装 Vetur 插件 2. 在 VS Code 的设置中添加如下规则: { "vetur.format.defaultFormatter": { "html": "prettier", "css": "prettier", "postcss": "prettier", "scss": "prettier", "less": "prettier", "js": "prettier", "ts": "prettier", "stylus": "stylus-supremacy" } } 这里是设置 Vetur 默认使用的格式化插件 prettier。 这样对于.vue文件中的 html 和 javascript 代码都有格式化支持了。 vue eslint 代码自动格式化 vue-cli 代码风格为JavaScript Standard Style 代码检查规范严格,一不小心就无法运行,使用eslint的autoFixOnSave可以在保存代码的时候自动格式化代码 VSCode拓展插件推荐(HTML、Node、Vue、React开发均适用)

sublime和vscode哪个制作网页前端简单些?

vscode相对来说要更易用和友好一点,插件更丰富,代码提示和补全功能更强大。和相关的前端打包部署工具、代码管理工具亲和性更强,生态良好。

最重要的一点,vscode目前已逐渐成为编程主流编辑器,用户众多,遇到问题时不用担心找不到答案。

用Ubuntu做日常开发电脑的系统是一种怎样的体验?

谢邀。

作为Linux运维工程师,已经使用Ubuntu有几年的时间了,从16.04到稳定使用18.04,期间除因Nvidia独立显卡驱动问题导致系统无法启动,其他均一切正常。

Ubuntu桌面版基本能够满足日常的办公、社交、开发等需求。

1.办公

可以安装LibraOffice、OpenOffice、Sublime text等常用办公软件。

Nixnote作为Linux版印象笔记,也可满足我们日常笔记的记录。

chrome、firefox等浏览器也可使用。

2.社交

鹅厂的QQ、微信客户端等常用社交工具已足够我们日常工作、生活交流。

不过QQ的功能不如windows版本丰富,属阉割版。

微信客户端功能也不如windows版,基本交流足够。

3.开发工具

VS Code、IDEA等开发工具也都有相应的Linux版本。

如果你不嫌麻烦,还可以将vim打造成IDE环境。


最让我喜欢的是,在Linux环境下安装各种软件信手拈来,而且没有广告插件等。容器、k8s、jenkins、python等常用软件安装、运行十分方便。


另,GitHub上各位大神各显神通,各种开源工具都可以方便安装,还等什么,赶快尝试下吧。

下面是我的日常使用桌面:

什么编辑器适合写Vue?

能写vue的编辑器/ide有很多,我个人比较推荐用VSCode 来写vue,就连vue的作者尤雨溪也在微博上说过自己也用的是VSCode 。


我们今天讲讲该如何用VSCode 开发vue。跟大多数 IDE 一样,VSCode 也有扩展和主题市场,包含海量插件。使用VSCode 开发vue一定要安装几个强大的插件,提高工作效率。比如VSCode下面的Vetur就是这样一款必备的Vue开发工具。下面就开始介绍一下它的一些功能吧。

语法高亮

Vetur支持.vue文件的语法高亮显示,除了支持template模板以外,还支持大多数主流的前端开发脚本和插件,比如Sass和TypeScript,完整的支持高亮的语法如下所示:。语法高亮是所有ide必备的功能之一,没有语法高亮写起代码实在是不舒服。

错误检测

Vetur默认使用 eslint-plugin-vue@beta 来检测 <template>,错误检测能够帮助我们在开发过程发现xie

自动格式化

Vetur推荐使用2个空格来规定 editor.tabSize 和 editor.insertSpace,对于html和css/scss/less格式使用js-beautify来规范,js/ts的格式使用 TypeScript"s language service,同时这些配置是可以改变的。有了自动格式化功能,写代码时可以减少注意格式花的时间,把时间精力放在代码本身,大大提升写代码效率。


感谢阅读,如果有问题需要继续交流,欢迎评论或者私信。

eslint格式化代码 eslint自动修复 vscode如何format

版权声明:本文内容由互联网用户自发贡献,本站不承担相关法律责任.如有侵权/违法内容,本站将立刻删除。