VSCode中的JSX Emmet支持小小书 XXshu

VSCode现在以社区首选编辑器的形式从事Web开发，尤其是涉及类型系统（Typescript / Flow）的开发时。它具有丰富的内置类型支持。

当使用Vscode开发react应用程序时，人们可能会发现谁曾经使用emmets是非常困难的。 Vscode内置了对Emmet for HTML的内置支持。但，

如何为JSX启用emmet：

从“编辑”菜单中打开“工作区”设置（ cmd +， ），然后选择“ 工作区设置”选项卡，然后粘贴以下内容并保存。

"emmet.syntaxProfiles": { 
 "javascript": "jsx", 
 "xml": { 
 "attr_quotes": "single" 
 } 
 }

就是这样，您现在就可以像处理普通HTML一样

来自https://github.com/Microsoft/vscode/issues/4962

另外，最好不要让vscode进程监视node_modules文件夹，这会减慢VSCode的速度。您可以通过在settings.json中添加以下配置来完成此操作

  “ files.watcherExclude”：{ 
  “ ** /。git / objects / **”：是的， 
  “ ** /。git / subtree-cache / **”：是的， 
  “ ** / node_modules / **”：是的， 
  “ ** / web / node_modules”：是的， 
  “ ** / web / build”：true，//将通过build命令频繁更改 
  “ ** / admin / node_modules”：是 
  }

资料来源：https://github.com/Microsoft/vscode/issues/4962