网络编程 
首页 > 网络编程 > 浏览文章

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

(编辑:jimmy 日期: 2024/11/7 浏览:3 次 )

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

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

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

在设置中搜索compile-hero插件

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

VsCode中ctrl+s后会在当前目录下自动生成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
上一篇:gitee命令行上传项目的步骤详解
下一篇:IDEA导入Git项目的方法
一句话新闻
高通与谷歌联手!首款骁龙PC优化Chrome浏览器发布
高通和谷歌日前宣布,推出首次面向搭载骁龙的Windows PC的优化版Chrome浏览器。
在对骁龙X Elite参考设计的初步测试中,全新的Chrome浏览器在Speedometer 2.1基准测试中实现了显著的性能提升。
预计在2024年年中之前,搭载骁龙X Elite计算平台的PC将面世。该浏览器的提前问世,有助于骁龙PC问世就获得满血表现。
谷歌高级副总裁Hiroshi Lockheimer表示,此次与高通的合作将有助于确保Chrome用户在当前ARM兼容的PC上获得最佳的浏览体验。