在VsCode中ctrl+s后會(huì)在當(dāng)前目錄下自動(dòng)生成dist目錄
解決辦法：關(guān)閉compile-hero插件
在設(shè)置中搜索compile-hero插件
關(guān)閉所有自動(dòng)生成dist目錄的選項(xiàng)（如下圖所示）
PS:下面看下vue項(xiàng)目Ctrl+s vscode代碼自動(dòng)格式化
前言
多人開發(fā)vue項(xiàng)目,代碼風(fēng)格形式不一
vscode保存代碼，自動(dòng)按照eslint規(guī)范格式化代碼設(shè)置（vscode最新版配置）
vscode插件
首先vscode需要裝一些vscode插件
ESLint、Vetur、Prettier-Code formatter、GitLens-Git supercharged
配置settings.json
打開settings.json，貼上配置，注意自己原有的vscode主題和字體等不要替換掉
打開方式
方式一:
1)文件 ------.>【首選項(xiàng)】---------->【設(shè)置】
2）搜索emmet.include;
3）在settings.json下的【工作區(qū)設(shè)置】中添加
方式二:
Ctrl + P 搜索settings.json
貼上如下配置
{
"window.zoomLevel": 0,
"diffEditor.ignoreTrimWhitespace": false,
"workbench.colorTheme": "One Monokai",
"editor.fontSize": 14,
"workbench.editor.enablePreview": true, //預(yù)覽模式關(guān)閉
"editor.formatOnSave": true, // #每次保存的時(shí)候自動(dòng)格式化
// 自動(dòng)修復(fù)
"editor.codeActionsOnSave": {
"source.fixAll.eslint": true,
},
"eslint.enable": true, //是否開啟vscode的eslint
// vscode默認(rèn)啟用了根據(jù)文件類型自動(dòng)設(shè)置tabsize的選項(xiàng)
"editor.detectIndentation": false,
// 重新設(shè)定tabsize
"editor.tabSize": 2,
// #去掉代碼結(jié)尾的分號(hào)
"prettier.semi": false,
// #使用單引號(hào)替代雙引號(hào)
"prettier.singleQuote": true,
// #讓prettier使用eslint的代碼格式進(jìn)行校驗(yàn)
"prettier.eslintIntegration": true,
"javascript.preferences.quoteStyle": "double",
"typescript.preferences.quoteStyle": "double",
// #讓函數(shù)(名)和后面的括號(hào)之間加個(gè)空格
"javascript.format.insertSpaceBeforeFunctionPare
到此這篇關(guān)于VsCode中ctrl+s后會(huì)在當(dāng)前目錄下自動(dòng)生成dist目錄的方法的文章就介紹到這了,更多相關(guān)VsCode當(dāng)前目錄下自動(dòng)生成dist目錄內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！
您可能感興趣的文章:- vscode寫python時(shí)的代碼錯(cuò)誤提醒和自動(dòng)格式化的方法
- vscode 配置vue+vetur+eslint+prettier自動(dòng)格式化功能
- vscode配置vue下的es6規(guī)范自動(dòng)格式化詳解
- Vue-cli Eslint在vscode里代碼自動(dòng)格式化的方法
