快捷導(dǎo)航

VsCode中ctrl+s后會(huì)在當(dāng)前目錄下自動(dòng)生成dist目錄的方法

更新時(shí)間：2020年09月21日 09:46:56 作者：辣辣的草莓醬

這篇文章主要介紹了VsCode中ctrl+s后會(huì)在當(dāng)前目錄下自動(dòng)生成dist目錄,本文給大家介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下

在VsCode中ctrl+s后會(huì)在當(dāng)前目錄下自動(dòng)生成dist目錄

后會(huì)在當(dāng)前目錄下自動(dòng)生成目錄

解決辦法：關(guān)閉compile-hero插件

在設(shè)置中搜索compile-hero插件

關(guān)閉所有自動(dòng)生成dist目錄的選項(xiàng)（如下圖所示）

關(guān)閉插件

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)文章希望大家以后多多支持腳本之家！

您可能感興趣的文章: