VsCode中ctrl+s后會(huì)在當(dāng)前目錄下自動(dòng)生成dist目錄的方法
在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)文章希望大家以后多多支持腳本之家！
相關(guān)文章
Web 開發(fā)中遇到的UTF-8編碼的問題總結(jié)
一個(gè)網(wǎng)站如果需要國際化，就需要將編碼從GB2312轉(zhuǎn)成UTF-8，其中有很多的問題需要注意，如果沒有轉(zhuǎn)換徹底，將會(huì)有很多的編碼問題出現(xiàn)！2010-02-02
閱讀別人的代碼作為研發(fā)人員是一件經(jīng)常要做的事情。一個(gè)是學(xué)習(xí)新的編程語言的時(shí)候通過閱讀別人的代碼是個(gè)最佳的學(xué)習(xí)方法，另外是積累編程經(jīng)驗(yàn)。2011-01-01
將編碼從GB2312轉(zhuǎn)成UTF-8的方法匯總(從前臺(tái)、程序、數(shù)據(jù)庫)
這篇文章主要介紹了將編碼從GB2312轉(zhuǎn)成UTF-8的方法匯總(從前臺(tái)、程序、數(shù)據(jù)庫),需要的朋友可以參考下2015-11-11
這篇文章給大家介紹了微信小程序如何進(jìn)行http請(qǐng)求的詳細(xì)步驟，相信對(duì)大家學(xué)習(xí)微信小程序網(wǎng)絡(luò)請(qǐng)求會(huì)有所幫助，有需要的朋友們下面來一起看看吧。2016-09-09
這篇文章主要介紹了git如何使用Sourcetree合并多次本地提交記錄，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2023-05-05
Git如何實(shí)現(xiàn)checkout遠(yuǎn)程tag
這篇文章主要介紹了Git如何實(shí)現(xiàn)checkout遠(yuǎn)程tag，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2022-09-09
將Git存儲(chǔ)庫克隆到本地IntelliJ IDEA項(xiàng)目中的詳細(xì)教程
這篇文章主要介紹了將Git存儲(chǔ)庫克隆到本地IntelliJ IDEA項(xiàng)目中的詳細(xì)教程,本文通過圖文并茂的形式給大家介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下2020-10-10
這篇文章主要介紹了樹莓派安裝mjpg-streamer使用攝像頭,本文給大家介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下2021-03-03
Alfred?+?Gitee搭建免費(fèi)圖床的使用實(shí)例詳解
這篇文章主要為大家介紹了Alfred?+?Gitee搭建免費(fèi)圖床的使用實(shí)例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2023-01-01
程序員用vscode聽網(wǎng)易云的實(shí)現(xiàn)
很多程序員在工作的時(shí)候都喜歡聽歌，最近發(fā)現(xiàn)了一個(gè)vscode插件，可以直接使用vscode進(jìn)行聽歌，本文就詳細(xì)的介紹一下如何使用，感興趣的可以了解一下2021-12-12