关于我们

质量为本、客户为根、勇于拼搏、务实创新

< 返回新闻公共列表

VS Code 提高前端开发效率插件 #84

发布时间:2023-06-27 15:00:59

自动关闭标签


自动添加 关闭标记,与 或 文本相同HTML/XMLVisual Studio IDESublime

键入开始标签的结束括号后,将自动插入结束标签。


自动重命名标签


自动重命名配对的 标记HTML/XML


美化


为 代码美化代码Visual Studio

选中需要美化的代码,右键Format Document


吉特伦斯


增强 代码中内置的 功能-通过 责怪注释和代码镜头一目了然地可视化代码作者,无缝导航和浏览 存储库,通过强大的比较命令获得有价值的见解,等等Visual StudioGitGitGit


JavaScript (ES6) 代码片段


ES6语法中 的代码段JavaScript


路径自动完成


提供 代码的路径完成。Visual Studio


路径智能感知


自动完成文件名的 代码插件Visual Studio


react-Native/React/Redux snippets for es6/es7


在 中使用 语法对 、 和 进行简单扩展JS/TSES7ReactReduxGraphql


StandardJS - JavaScript Standard Style


将 标准样式集成到 代码中。JavaScriptVisual Studio

  1. 安装 “JavaScript 标准样式” 扩展
    如果您不知道如何在 中安装扩展,请查看文档。Visual Studio
    您将需要重新加载 才能使用新的扩展。Visual Studio
  2. 安装 标准 或 半标准
    这可以在全局或本地完成。我们建议您在本地安装它们(即保存在项目的中 ),以确保在开发项目时其他开发人员也已安装它们。devDependencies
  3. 禁用内置的 Visual Studio 验证器
    为此,请 在 中进行设置"javascript.validate.enable": falseVisual 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 JavaScriptVisual 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


美化 、 和更少的代码( 代码的扩展)CSSSassVisual Studio

选中需要美化的代码,右键Format Document


TSLint


对 代码的 支持Visual StudioTSLint


设置同步


使用 跨多台计算机同步设置、代码段、主题、文件图标、启动、键绑定、工作区和扩展名。GitHub Gist


CSS Peek


允许查看 和类字符串作为从 文件到相应 的定义。允许查看和转到定义。CSS IDHTMLCSS


斯泰林特


使用 对 的 代码扩展,进行格式校验。stylelintlint CSS/SCSS/LessVisual Studio


/template/Home/leiyu/PC/Static