自动关闭标签
自动添加 关闭标记,与 或 文本相同HTML/XML
Visual Studio IDE
Sublime
键入开始标签的结束括号后,将自动插入结束标签。
自动重命名标签
自动重命名配对的 标记HTML/XML
美化
为 代码美化代码Visual Studio
选中需要美化的代码,右键Format Document
吉特伦斯
增强 代码中内置的 功能-通过 责怪注释和代码镜头一目了然地可视化代码作者,无缝导航和浏览 存储库,通过强大的比较命令获得有价值的见解,等等Visual Studio
Git
Git
Git
JavaScript (ES6) 代码片段
ES6
语法中 的代码段JavaScript
路径自动完成
提供 代码的路径完成。Visual Studio
路径智能感知
自动完成文件名的 代码插件Visual Studio
react-Native/React/Redux snippets for es6/es7
在 中使用 语法对 、 和 进行简单扩展JS/TS
ES7
React
Redux
Graphql
StandardJS - JavaScript Standard Style
将 标准样式集成到 代码中。JavaScript
Visual Studio
- 安装 “JavaScript 标准样式” 扩展
如果您不知道如何在 中安装扩展,请查看文档。Visual Studio
您将需要重新加载 才能使用新的扩展。Visual Studio
- 安装 标准 或 半标准
这可以在全局或本地完成。我们建议您在本地安装它们(即保存在项目的中 ),以确保在开发项目时其他开发人员也已安装它们。devDependencies
- 禁用内置的 Visual Studio 验证器
为此,请 在 中进行设置"javascript.validate.enable": false
Visual Studiosettings.json
兽医
VS 代码的 Vue 工具
VSCODE WXML
微信 支持 片段wxml
/vscode
vscode-fileheader
插入标题注释,并自动更新时间。
在 中,设置并修改创建者的名称。“settings.json”
"fileheader.Author": "Jiang", "fileheader.LastModifiedBy": "Jiang",
热键
ctrl+alt+i
VSCODE-icon
Visual Studio
代码的图标
wxml
微信小程序 格式化以及高亮组件(高度自定义)wxml
ESLint
将 集成到 代码中。ESLint JavaScript
Visual Studio
以下设置为包括 在内的所有提供程序都启用了自动修复:ESLint
"editor.codeActionsOnSave": { "source.fixAll": true }
相反,此配置仅在 上将其打开:ESLint
"editor.codeActionsOnSave": { "source.fixAll.eslint": true }
您还可以通过以下方式有选择地禁用 ESLint:
"editor.codeActionsOnSave": { "source.fixAll": true, "source.fixAll.eslint": false }
进口成本
在编辑器中显示导入/要求包大小
美化 css/sass/scss/less
美化 、 和更少的代码( 代码的扩展)CSS
Sass
Visual Studio
选中需要美化的代码,右键Format Document
TSLint
对 代码的 支持Visual Studio
TSLint
设置同步
使用 跨多台计算机同步设置、代码段、主题、文件图标、启动、键绑定、工作区和扩展名。GitHub Gist
CSS Peek
允许查看 和类字符串作为从 文件到相应 的定义。允许查看和转到定义。CSS ID
HTML
CSS
斯泰林特
使用 对 的 代码扩展,进行格式校验。stylelint
lint CSS/SCSS/Less
Visual Studio