前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >vscode 常用设置

vscode 常用设置

作者头像
授客
发布2020-05-20 00:23:18
1.6K0
发布2020-05-20 00:23:18
举报
文章被收录于专栏:授客的专栏授客的专栏

版本

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文件时,按提示操作,再配置下默认格式化器就好

本文参与 腾讯云自媒体分享计划,分享自作者个人站点/博客。
原始发表:2020-05-11 ,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档