使用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、回到编辑区,可以看到编辑区文本已经自动换行了。