在Visual代码中使用JSX或HTML自动完成
在Visual代码中使用JSX或HTML自动完成
提问于 2016-09-04 18:52:13
在Visual代码中是否有使用组件或HTML完成的方法？因为手动输入每个字母并不是什么好主意，例如，在Emmet：ul>li*2>a中，有类如Bootstrap等。
var React = require('react');
var Header = React.createClass({
render: function () {
return (
<nav className="navbar navbar-defaullt">
<div className="container-fluid">
<a href="/" className="navbar-brand">
<img width="50" height="50" src="images/logo.png" alt="logo" />
</a>
<ul className="nav navbar-nav">
<li><a href="/">Home</a></li>
<li><a href="/#about">About</a></li>
</ul>
</div>
</nav>
);
}
});
module.exports = Header;回答 22
Stack Overflow用户
回答已采纳
发布于 2017-01-29 12:37:49
Visual代码检测.jsx扩展并默认添加emmet支持(我使用VS代码1.8.1)
但是，如果您喜欢对所有的反应文件使用.js扩展-您可以将JavaScript反应模式与VS代码窗口右下角的.js文件相关联。
更新2021
对于那些只想复制粘贴代码的人：
"emmet.syntaxProfiles": {
"javascript": "jsx"
}如果上面的解决方案不起作用，请尝试如下：
"emmet.triggerExpansionOnTab": true,
"emmet.includeLanguages": {
"javascript": "javascriptreact"
}用VS代码v1.56.2进行测试。
Stack Overflow用户
发布于 2017-12-07 01:58:32
2022：在React项目中为.js文件添加JSX/HTML自动完成的简单方法.
首先，打开VSCode的settings.json。要打开settings.json，请按Ctrl + , (或Mac上的Cmd+, )，然后单击下面显示的open按钮。或者，如果您不想全局设置它，可以在项目根目录创建一个.vscode/settings.json文件。
接下来，在settings.json中添加这些JSON值：
"emmet.includeLanguages": {
"javascript": "javascriptreact"
},
"emmet.syntaxProfiles": {
"javascript": "jsx"
}Stack Overflow用户
发布于 2017-09-25 10:03:44
如果有人还在为这个问题而挣扎：
我发现很简单
"emmet.syntaxProfiles": {
"javascript": "jsx"
},不启用HTML完成。但是，使用：
"emmet.includeLanguages": {
"javascript": "html"
}确实如此。
"emmet.includeLanguages": {}在默认不支持的语言中启用emmet缩写。在这里添加语言和emmet支持的语言之间的映射。 例：{"vue-html": "html", "javascript": "javascriptreact"}
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/39320393
复制相关文章
相似问题
腾讯云开发者
