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目录内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!

相关文章

  • 全网最详细的vscode基础教程

    全网最详细的vscode基础教程

    vscode全称为visual studio code,是微软旗下一款非常优秀的跨平台代码编辑软件。vscode 中文版集成了大部分代码编辑的器的优点,集成GIT、代码调试、语法高亮,拥有强大丰富的插件系统
    2020-01-01
  • Web开发人员常用速查手册 英文集合推荐

    Web开发人员常用速查手册 英文集合推荐

    不管你是多么优秀的程序员,你都不可能记住一切。在你编写程序的过程中碰到问题需要查阅手册的时候,若有现成的手册可参考则可以为你节省很多时间。
    2011-04-04
  • 风中叶老师讲述的学习方法(学习编程的朋友需要看)

    风中叶老师讲述的学习方法(学习编程的朋友需要看)

    风中叶老师讲述的学习方法(学习编程的朋友需要看),希望大家能按照说明的那样,自己多动手动脑
    2008-10-10
  • 浏览器关闭使session失效的问题多种解决方式

    浏览器关闭使session失效的问题多种解决方式

    直接关闭浏览器(或者强制关闭浏览器进程、死机等),服务器无法处理用户退出网站的请求,此举将会导致session失效,下面整理了一些解决方法,感兴趣的朋友可以参考下哈
    2013-07-07
  • 解决idea打开窗口/tab过多导致隐藏的问题

    解决idea打开窗口/tab过多导致隐藏的问题

    这篇文章主要介绍了解决idea打开窗口/tab过多导致隐藏的问题,本文给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
    2020-11-11
  • sublime text 添加到鼠标右键功能

    sublime text 添加到鼠标右键功能

    这篇文章主要介绍了sublime text 添加到鼠标右键功能,本文给大家介绍的非常详细,具有一定的参考借鉴价值,需要的朋友可以参考下
    2019-08-08
  • git push 本地项目推送到远程分支的方法(git命令版)

    git push 本地项目推送到远程分支的方法(git命令版)

    这篇文章主要介绍了git push 本地项目推送到远程分支的方法(git命令版),需要的朋友可以参考下
    2020-09-09
  • TortoiseGit的安装与配置教程

    TortoiseGit的安装与配置教程

    TortoiseGit是一个开放的GIT版本控制系统的源客户端,TortoiseGit 可以恢复您的文件的旧版本,并研究如何以及合适改变了历史数据,谁改变了它。下面教程针对使用TortoiseGit 的用户,感兴趣的朋友跟随小编一起看看吧
    2021-11-11
  • 如何在网页中显示服务器时间

    如何在网页中显示服务器时间

    在网页上显示时间,如果取的是用户本机的时间,由于用户的时间往往不准确,所以显示的有问题。而服务器时间一般不会误差太大,所以最好显示服务器时间
    2013-03-03
  • git fetch与git pull的区别详解

    git fetch与git pull的区别详解

    这篇文章主要介绍了git fetch与git pull的区别详解,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2020-07-07

最新评论