在VsCode
中ctrl+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