VsCode中ctrl+s后会在当前目录下自动生成dist目录的方法

 更新时间:2020年09月21日 09:46:56   作者:辣辣的草莓酱  
这篇文章主要介绍了VsCode中ctrl+s后会在当前目录下自动生成dist目录,本文给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下

VsCodectrl+s后会在当前目录下自动生成dist目录

后会在当前目录下自动生成目录

解决办法:关闭compile-hero插件

在设置中搜索compile-hero插件

关闭所有自动生成dist目录的选项(如下图所示)

关闭插件

PS:下面看下vue项目Ctrl+s vscode代码自动格式化

前言

多人开发vue项目,代码风格形式不一

vscode保存代码,自动按照eslint规范格式化代码设置(vscode最新版配置)

vscode插件

首先vscode需要装一些vscode插件

ESLint、Vetur、Prettier-Code formatter、GitLens-Git supercharged

配置settings.json

打开settings.json,贴上配置,注意自己原有的vscode主题和字体等不要替换掉

打开方式

方式一:

1)文件 ------.>【首选项】---------->【设置】

2)搜索emmet.include;

3)在settings.json下的【工作区设置】中添加

方式二:

Ctrl + P 搜索settings.json

贴上如下配置

{
 "window.zoomLevel": 0,
 "diffEditor.ignoreTrimWhitespace": false,
 "workbench.colorTheme": "One Monokai",
 "editor.fontSize": 14,
 "workbench.editor.enablePreview": true, //预览模式关闭
 "editor.formatOnSave": true, // #每次保存的时候自动格式化
 // 自动修复
 "editor.codeActionsOnSave": {
  "source.fixAll.eslint": true,
 },
 "eslint.enable": true, //是否开启vscode的eslint
 // vscode默认启用了根据文件类型自动设置tabsize的选项
 "editor.detectIndentation": false,
 // 重新设定tabsize
 "editor.tabSize": 2,
 // #去掉代码结尾的分号 
 "prettier.semi": false,
 // #使用单引号替代双引号 
 "prettier.singleQuote": true, 
 // #让prettier使用eslint的代码格式进行校验 
 "prettier.eslintIntegration": true,
 "javascript.preferences.quoteStyle": "double",
 "typescript.preferences.quoteStyle": "double",
 // #让函数(名)和后面的括号之间加个空格
 "javascript.format.insertSpaceBeforeFunctionPare

到此这篇关于VsCode中ctrl+s后会在当前目录下自动生成dist目录的方法的文章就介绍到这了,更多相关VsCode当前目录下自动生成dist目录内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!

相关文章

  • 架构思维之缓存雪崩的灾难复盘

    架构思维之缓存雪崩的灾难复盘

    这篇文章主要介绍了架构思维中一次缓存雪崩的灾难复盘真实案例的分享,希望可以对大家在工作中有所启发,祝大家多多进步早日升职加薪
    2022-01-01
  • 网站开发中的文件存储目录结构的探讨

    网站开发中的文件存储目录结构的探讨

    网站应用中经常会有文件存储的需求,目录结构该怎么建才好呢?让我们来做下分析
    2010-07-07
  • idea中的project、module、artifact的具体使用

    idea中的project、module、artifact的具体使用

    本文主要介绍了idea中的project、module、artifact的具体使用,文中通过示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2022-02-02
  • postman扩展程序包安装与使用步骤

    postman扩展程序包安装与使用步骤

    这篇文章主要介绍了postman扩展程序包安装与使用步骤,本文通过图文并茂的形式给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
    2021-12-12
  • IntelliJ IDEA 2020如何设置背景图片的方法步骤

    IntelliJ IDEA 2020如何设置背景图片的方法步骤

    这篇文章主要介绍了IntelliJ IDEA 2020如何设置背景图片的方法步骤,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2020-04-04
  • Commitizen来规范代码提交信息使用技巧

    Commitizen来规范代码提交信息使用技巧

    这篇文章主要为大家介绍了Commitizen来规范代码提交信息使用技巧详解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2023-03-03
  • 调试JavaScript/VBScript脚本程序(IE篇)

    调试JavaScript/VBScript脚本程序(IE篇)

    JavaScript/VB Script脚本程序一般有两种执行方式,一种是嵌入在宿主程序里面执行,比如在IE浏览器里面执行;另外一种,在资源管理器里面双击执行(虽然还是通过另外一个程序解释执行,但是给人的感觉毕竟是直接运行)。
    2009-09-09
  • 键盘扫描码[比较完整]

    键盘扫描码[比较完整]

    键盘扫描码
    2009-05-05
  • git修改已commit的注释信息实现

    git修改已commit的注释信息实现

    这篇文章主要介绍了git修改已commit的注释信息实现,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2020-07-07
  • Matlab操作HDF5文件示例

    Matlab操作HDF5文件示例

    这篇文章主要为大家介绍了Matlab操作HDF5文件示例详解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2022-06-06

最新评论