1、基本插件
Atom One Dark Theme 主题
Bracket Pair Colorizer 代码块-连线
open in browser 写完html能在浏览器中打开
Path Intellisense路径自动补全
Bookmarks 阅读源码添加标记
vscode-icons 文件夹📂图标
Live Server 创建本地服务
htmltagwrap js文件中代码自动补全
ES7 React/Redux/React-Native/JS snippets 代码快速生成
vscode-styled-components
Draw.io Integration画图插件
project manager 工程管理
2、snippet code
1)、选择Code->首选项->用户片段->html

2)、将需求生成的代码片段复制到如下网址
https://snippet-generator.app/

生成代码片段后->Copy snippet
在步骤1中粘贴生成的代码片段
3)、在html的编辑器中输入代码片段 createreact->回车

网友评论