Visual Studio Code 中 JSX 或 HTML 自动完成

147
有没有办法在Visual Studio Code中使用组件或HTML补全呢?因为当我们使用像Bootstrap这样的类时,手动输入每个字母并不是一个好主意。例如Emmet中的补全: ul>li*2>a

有没有办法在Visual Studio Code中使用组件或HTML补全呢?因为当我们使用像Bootstrap这样的类时,手动输入每个字母并不是一个好主意。例如Emmet中的补全: ul>li*2>a

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;

1
请参阅 https://github.com/microsoft/vscode/issues/18427#issuecomment-286013222。 - Shivam Jha
23个回答

0

前往设置 > 扩展 > Emmet > 包含语言 并添加JavaScript为项目,JavaScript React作为值


0

只需将你正在工作的文件从.js更改为.jsx,就可以了。


0

前往文件-->首选项-->设置

在设置中搜索"emmet"

将设置添加到Emmet:Include Languages下

项目为javascript,值为html

设置图像

但是这仅适用于HTML标记。


网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接