vs code 設(shè)置

VSCode首選項(xiàng)配置

{
    "editor.tabSize": 2,
    "files.associations": {
        "*.vue": "vue"
    },
    "eslint.autoFixOnSave": true,
    "eslint.options": {
        "extensions": [
            ".js",
            ".vue"
        ]
    },
    "eslint.validate": [
        "javascript",
        "javascriptreact",
        "vue",
        "vue-html"
    ],
    "search.exclude": {
        "**/node_modules": true,
        "**/bower_components": true,
        "**/dist": true
    },
    "emmet.syntaxProfiles": {
        "javascript": "jsx",
        "vue": "html",
        "vue-html": "html"
    },
    "vetur.validation.template": false,//vue中的v-for提示 加上v-bind:key
    "extensions.autoUpdate": true,
    "editor.renderWhitespace": "boundary",
    "editor.cursorBlinking": "smooth",
    "workbench.welcome.enabled": true,
    //設(shè)置es6允許有分號(hào)
     'semi': ['error', 'always'],
    //設(shè)置Tab幾個(gè)空格
    "editor.tabSize": 2,
"vetur.format.defaultFormatterOptions": {
    "prettier": {
      "semi": false,
      "singleQuote": true
    }
  }
}

以下為stylus配置

"stylusSupremacy.insertColons": false, // 是否插入冒號(hào)
"stylusSupremacy.insertSemicolons": false, // 是否插入分號(hào)
"stylusSupremacy.insertBraces": false, // 是否插入大括號(hào)
"stylusSupremacy.insertNewLineAroundImports": false, // import之后是否換行
"stylusSupremacy.insertNewLineAroundBlocks": false // 兩個(gè)選擇器中是否換行
"editor.formatOnType": true,// 控制編輯器是否應(yīng)在鍵入后自動(dòng)設(shè)置行的格式
"clang-format.formatOnSave": true,//保存時(shí)自動(dòng)格式化
"vetur.format.defaultFormatter.js":"vscode-typescript",

eslint配置加上:

// allow debugger during development
'no-debugger': process.env.NODE_ENV === 'production' ? 2 : 0,
// disallow unnecessary parentheses
'no-extra-parens': ['error', 'all', {'nestedBinaryExpressions': false}],
'eol-last': 0,
'space-before-function-paren': 0矢否,
'space-before-function-paren': 'off'

插件列表

Prettier - Code formatter

"prettier.singleQuote": true,
    "prettier.semi": false,

Auto Close Tag自動(dòng)閉合HTML標(biāo)簽
Auto Rename Tag修改HTML標(biāo)簽時(shí)而晒,自動(dòng)修改匹配的標(biāo)簽
Bookmarks添加行書(shū)簽
Can I UseHTML5篷牌、CSS3倒得、SVG的瀏覽器兼容性檢查
Code Runner運(yùn)行選中代碼段(支持大量語(yǔ)言,包括Node)
CodeBing 在VSCode中彈出瀏覽器并搜索莽鸭,可編輯搜索引擎
Color Highlight 顏色值在代碼中高亮顯示
Color Picker 拾色器
Document This注釋文檔生成
EditorConfig for VS CodeEditorConfig插件
Emoj在代碼中輸入emoji
ESLintESLint插件块差,高亮提示
File Peek根據(jù)路徑字符串试溯,快速定位到文件
Font-awesome codes for html FontAwesome提示代碼段
ftp-sync同步文件到ftp
Git Blame在狀態(tài)欄顯示當(dāng)前行的Git信息
Git History(git log)查看git log
GitLens顯示文件最近的commit和作者,顯示當(dāng)前行commit信息
Guides高亮縮進(jìn)基準(zhǔn)線
Gulp SnippetsGulp代碼段
HTML CSS Class CompletionCSS class提示
HTML CSS Supportcss提示(支持vue)
HTMLHint HTML格式提示
Indenticator縮進(jìn)高亮
JavaScript (ES6) code snippets ES6語(yǔ)法代碼段
language-stylusStylus語(yǔ)法高亮和提示
Lodash Lodash代碼段
markdownlintMarkdown格式提示
MochaSnippetsMocha代碼段
Node modules resolve快速導(dǎo)航到Node模塊
npm運(yùn)行npm命令
npm Intellisense導(dǎo)入模塊時(shí)灰嫉,提示已安裝模塊名稱
Output Colorizer 彩色輸出信息
Partial Diff對(duì)比兩段代碼或文件
Path Autocomplete 路徑完成提示
Path Intellisense另一個(gè)路徑完成提示
Prettify JSON格式化JSON
Project Manager快速切換項(xiàng)目
REST Client發(fā)送REST風(fēng)格的HTTP請(qǐng)求
Settings Sync VSCode設(shè)置同步到Gist
String Manipulation 字符串轉(zhuǎn)換處理(駝峰拆宛、大寫(xiě)開(kāi)頭、下劃線等等)
Test Spec Generator 測(cè)試用例生成(支持chai讼撒、should浑厚、jasmine)
TODO ParserTodo管理
Version Lens package.json文件顯示模塊當(dāng)前版本和最新版本
vetur目前比較好的Vue語(yǔ)法高亮
View Node Package 快速打開(kāi)選中模塊的主頁(yè)和代碼倉(cāng)庫(kù)
vscode-icons 文件圖標(biāo),方便定位文件
VSCode Great Icons文件圖標(biāo)拓展
VueHelperVue2代碼段(包括Vue2 api椿肩、vue-router2瞻颂、vuex2)

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個(gè)濱河市郑象,隨后出現(xiàn)的幾起案子贡这,更是在濱河造成了極大的恐慌,老刑警劉巖厂榛,帶你破解...
    沈念sama閱讀 217,084評(píng)論 6 503
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件盖矫,死亡現(xiàn)場(chǎng)離奇詭異,居然都是意外死亡击奶,警方通過(guò)查閱死者的電腦和手機(jī)辈双,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,623評(píng)論 3 392
  • 文/潘曉璐 我一進(jìn)店門(mén),熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái)柜砾,“玉大人湃望,你說(shuō)我怎么就攤上這事√登” “怎么了证芭?”我有些...
    開(kāi)封第一講書(shū)人閱讀 163,450評(píng)論 0 353
  • 文/不壞的土叔 我叫張陵,是天一觀的道長(zhǎng)担映。 經(jīng)常有香客問(wèn)我废士,道長(zhǎng),這世上最難降的妖魔是什么蝇完? 我笑而不...
    開(kāi)封第一講書(shū)人閱讀 58,322評(píng)論 1 293
  • 正文 為了忘掉前任官硝,我火速辦了婚禮矗蕊,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘氢架。我一直安慰自己傻咖,他們只是感情好,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,370評(píng)論 6 390
  • 文/花漫 我一把揭開(kāi)白布达箍。 她就那樣靜靜地躺著没龙,像睡著了一般。 火紅的嫁衣襯著肌膚如雪缎玫。 梳的紋絲不亂的頭發(fā)上硬纤,一...
    開(kāi)封第一講書(shū)人閱讀 51,274評(píng)論 1 300
  • 那天,我揣著相機(jī)與錄音赃磨,去河邊找鬼筝家。 笑死,一個(gè)胖子當(dāng)著我的面吹牛邻辉,可吹牛的內(nèi)容都是我干的溪王。 我是一名探鬼主播,決...
    沈念sama閱讀 40,126評(píng)論 3 418
  • 文/蒼蘭香墨 我猛地睜開(kāi)眼值骇,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼莹菱!你這毒婦竟也來(lái)了?” 一聲冷哼從身側(cè)響起吱瘩,我...
    開(kāi)封第一講書(shū)人閱讀 38,980評(píng)論 0 275
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤道伟,失蹤者是張志新(化名)和其女友劉穎,沒(méi)想到半個(gè)月后使碾,有當(dāng)?shù)厝嗽跇?shù)林里發(fā)現(xiàn)了一具尸體蜜徽,經(jīng)...
    沈念sama閱讀 45,414評(píng)論 1 313
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,599評(píng)論 3 334
  • 正文 我和宋清朗相戀三年票摇,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了拘鞋。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點(diǎn)故事閱讀 39,773評(píng)論 1 348
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡矢门,死狀恐怖盆色,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情祟剔,我是刑警寧澤傅事,帶...
    沈念sama閱讀 35,470評(píng)論 5 344
  • 正文 年R本政府宣布,位于F島的核電站峡扩,受9級(jí)特大地震影響,放射性物質(zhì)發(fā)生泄漏障本。R本人自食惡果不足惜教届,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,080評(píng)論 3 327
  • 文/蒙蒙 一响鹃、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧案训,春花似錦买置、人聲如沸。這莊子的主人今日做“春日...
    開(kāi)封第一講書(shū)人閱讀 31,713評(píng)論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)。三九已至城舞,卻和暖如春轩触,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背家夺。 一陣腳步聲響...
    開(kāi)封第一講書(shū)人閱讀 32,852評(píng)論 1 269
  • 我被黑心中介騙來(lái)泰國(guó)打工脱柱, 沒(méi)想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留,地道東北人拉馋。 一個(gè)月前我還...
    沈念sama閱讀 47,865評(píng)論 2 370
  • 正文 我出身青樓榨为,卻偏偏與公主長(zhǎng)得像,于是被迫代替她去往敵國(guó)和親煌茴。 傳聞我的和親對(duì)象是個(gè)殘疾皇子随闺,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 44,689評(píng)論 2 354

推薦閱讀更多精彩內(nèi)容