vscode如何自动排版(vscode自动排列)

使用VSCode编写jsx代码时如何实现标签自动

VSCode是kiddd最喜欢的编辑器,极简而灵活,丰富而且继续丰富着的插件库,配置简单,都吸引着我。众所周知,VSCode在编写HTML代码时可以tab键自动补齐标签。然而在编写.jsx文件的代码时,嵌套的标签就无法享用一键补齐的优待了。

当然,如果这点问题不能解决,VSCode也不能在现代编译器中脱颖而出了。这里kiddd就介绍一种简单的实现方法,你不需要下载任何插件。

1. 打开设置

打开:文件——首选项——设置

2. 修改”emmet.triggerExpansionOnTab”属性

打开设置后搜索”emmet.triggerExpansionOnTab”属性,将其修改为false。 

修改的方式是:点击该语句左侧的笔状图标,或直接在右侧输入:

“emmet.triggerExpansionOnTab”: false 

over,搞定,配置完之后你就可以在jsx文件中tab补齐标签了。是不是非常简单?开始你的react之旅吧。

vscode如何设置让文件打开后就自己动换行?

方法/步骤

打开vscode编辑器,打开项目文件夹文件;

请点击输入图片描述

如图所示,可以看到内容并没有随视图区自动换行,那该如何设置呢?

请点击输入图片描述

首先,点击菜单栏“文件”,鼠标移至“首选项”,再移至并点击“用户设置”选项;

请点击输入图片描述

进入默认设置,找到“editor.wrappingColumn”属性,可以看到注释说明明确写了,设置为0即可在视区宽度自动换行;

请点击输入图片描述

在右边窗口的用户设置中输入“editor.wrappingColumn”:0,即可完成自动换行。

请点击输入图片描述

回到编辑区,可以看到编辑区文本已经自动换行了~。

请点击输入图片描述

如何能够让vs code自动换行?

让vs code自动换行的设置方法如下:

准备材料:vscode、电脑

1、打开vscode编辑器,打开项目文件夹文件;

2、如图所示,可以看到内容并没有随视图区自动换行,

3、首先,点击菜单栏“文件”,鼠标移至“首选项”,再移至并点击“用户设置”选项;

4、进入默认设置,找到“editor.wrappingColumn”属性,可以看到注释说明明确写了,设置为0即可在视区宽度自动换行;

5、在右边窗口的用户设置中输入“editor.wrappingColumn”:0,即可完成自动换行。

6、回到编辑区,可以看到编辑区文本已经自动换行了。

361知讯网

本文链接:http://pdidw.com/vs/10412.html

发表评论

评论列表

还没有评论,快来说点什么吧~