专栏首页授客的专栏vscode 常用设置

vscode 常用设置

版本

vscode Version: 1.33.1

1. 自动保存文件设置

文件编辑一秒钟过后自动保存

2. 黏贴后、保存完、输入完后自动化格式

3. 代码行可容纳字符数及换行设置

bounded 超过word Wrap Column设置的字符数、达到视口最小宽度,则换行

4. 按tab键自动转为插入空格(默认就是勾选的)

5. 取消根据打开文件的内容自动设置Editor:Tab Size、Editor:insert Space的值

6. 插件安装与配置

Eslint插件安装(Javascript语法检测推荐使用)

一个javascript语法规则和代码风格的检查工具。

打开界面中,输入Eslint,搜索结果中点击install

插件配置

自动修复配置

Prettier - Code formatter插件安装

Prettier - Code formatter:只关注格式化,并不具有eslint检查语法等能力,只关心格式化文件(最大长度、混合标签和空格、引用样式等),包括JavaScript,Flow,TypeScript,CSS,SCSS,Less,JSX,GraphQL,JSON,Markdown。

注意:针对该插件,输入完自动格式化设置不起作用,需要按Ctrl+s才会格式,另外,似乎不支持Vue

插件配置

集成Eslint

tab空格数配置

去掉每行代码结尾的分号

设置每行可容纳字符数

Vetur插件安装(Vue格式化推荐使用)

支持格式化vue

插件配置

设置插件默认的格式化器

tab设置

vue-beautify插件安装(Vue格式化推荐使用)

7. 默认格式化器设置

选中要格式化的代码,按Alt+Shift+F,如下,未设置默认格式化器的时候,会弹出来以下提示,点击config

(搜索)选择要使用的格式化器(例子圈选部分),点击

当然,也可以右键选择Fortmation Selection With,打开以上界面

备注:Fortmation Selection 打开右下角的config提示

为了避免麻烦,我们可以设置我们安装的格式化插件为默认格式化器,该格式化插件会优先于其他格式化器被用于格式化,但是实践发现,当使用如下红色选框圈选时的格式化器作为默认格式化器时,格式化vue代码不起作用。解决方案是设置为null。个人理解,当设置为null时,会自动匹配最佳格式化器,然后格式化js文件时,按提示操作,再配置下默认格式化器就好

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • 测试思想-测试设计 测试用例设计之边界值分析方法

    对输入或输出的边界值进行测试的一种黑盒测试方法。通常边界值分析法是作为对等价类划分法的补充,这种情况下,其测试用例来自等价类的边界。

    授客
  • 性能测试 Apache参数配置与性能调优

    1、选择合适的MPM(Multi -Processing Modules, 多处理模块)

    授客
  • Python 对服务器返回数据编码进行判断之chardet

    下载地址1:https://pypi.python.org/pypi/chardet/

    授客
  • 来打造一个舒适的Latex环境吧~

    作为一只大学僧,平常难免要写写作业或者paper啥的,难免要和公式打交道。对于一些简单的小作业,用Markdown也能应付些许公式的编写。比如之前我写过一篇文章...

    短短的路走走停停
  • 彻底搞懂Gradle、Gradle Wrapper与Android Plugin for Gradle的区别和联系

    首先用一段通俗易懂但是不是非常专业的话描述一下三者的概念、区别和联系。 Gradle是个构建系统,能够简化你的编译、打包、测试过程。熟悉Java的同学,可以把G...

    用户1221057
  • 抖音星图头部达人接单量及收入分析

    接下来,我们尝试用一张图来回答这几个问题。首先做个声明,数据来自对星图的第三方观察,作者无法知道官方准确完整的数据,所以难免有漏洞,作者将在留言里更新与更正。

    挖数
  • CTF实战29 Linux缓冲区溢出

    该培训中提及的技术只适用于合法CTF比赛和有合法授权的渗透测试,请勿用于其他非法用途,如用作其他非法用途与本文作者无关

    用户1631416
  • C# 温故而知新:Stream篇(六)

    BufferedStream 目录: 简单介绍一下BufferedStream 如何理解缓冲区? BufferedStream的优势 从BufferedStre...

    逸鹏
  • 【转】卡尔曼滤波器

    在学习卡尔曼滤波器之前,首先看看为什么叫“卡尔曼”。跟其他著名的理论(例如傅立叶变换,泰勒级数等等)一样,卡尔曼也是一个人的名字,而跟他们不同的是,他是个现代...

    钱塘小甲子
  • Android程序员月薪达到两万,技术水平需要达到什么程度?

    最近跟朋友在一起聚会的时候,提了一个问题,说Android程序员如何能月薪达到二万,技术水平需要达到什么程度?人回答说这只能是大企业或者互联网企业工程师才能拿到...

    Android架构

扫码关注云+社区

领取腾讯云代金券