最佳的工具和插件配最佳的程序員~
一、Settings Sync
Visual Studio代碼設(shè)置同步 配合github賬號(hào)
讓你在全新電腦上打開全新VScode能把最佳插件和配置下載下來以及隨時(shí)維護(hù)更新!
主要操作:
1、Upload Your Settings --上傳
Press Shift + Alt + U (macOS: Shift + Option + U)
2饶唤、Download your Settings --下載
Press Shift + Alt + D (macOS: Shift + Option + D)
Tips: 安裝插件之后办铡，上傳你的配置详幽，然后 登錄 https://gist.github.com 查看上傳情況尖阔，修改配置再上傳可更新简肴，打開全新vscode晃听，安裝該插件后可下載。(extensions.json中是插件，settings.json中是配置)
二能扒、極速通道佣渴，我全都要
在你的https://gist.github.com 修改 extensions.json settings.json，對(duì)照下famous的配置把這兩項(xiàng)替換掉初斑，然后下載辛润，搞定~
三、擇需擇優(yōu)见秤，為我所用
1砂竖、Auto Rename Tag (標(biāo)簽補(bǔ)全)
2、Better Comments (注釋分類高亮)
3秦叛、Bracket Pair Colorizer (括號(hào)閉合高亮晦溪，便于查閉合，代碼塊區(qū)分)
4挣跋、carbon-now-sh (讓你分享出去的代碼更酷炫高級(jí))
5三圆、change-case (方便改大小寫)
6、Chinese (Simplified) Language Pack for Visual Studio Code (中文版VScode 值得用)
7避咆、Code Runner (跑代碼舟肉，可配置各種語(yǔ)言的，可參考)
8查库、Code Spell Checker (拼寫檢查路媚，不需要的文件 // cspell: disable 或者單行 // cspell: disable-next-line )
9、Codelf (變量命名神器)
10樊销、css-class-intellisense (這個(gè)適用于先在css寫了樣式整慎，在html中寫入樣式時(shí)提示)
11、HTML to CSS autocompletion (這個(gè)適用于先在html寫了樣式围苫，在css中寫入樣式時(shí)提示)
12裤园、ESLint (代碼校驗(yàn)工具)
13、GitLens — Git supercharged (代碼可跟蹤剂府，能顯示最近一次是誰(shuí)提交)
14拧揽、Highlight Matching Tag (html中高亮標(biāo)簽的開合，全是div腺占，你找得到那個(gè)閉合處嗎?)
15淤袜、HTML Boilerplate (新文件如果是html，可以輸入html衰伯，會(huì)提示設(shè)置好的html模板)
16铡羡、Import Cost (可以顯示引入的插件或者第三方庫(kù)體積大小，報(bào)紅一般需要優(yōu)化)
17嚎研、JavaScript (ES6) code snippets ( es6 語(yǔ)法縮寫蓖墅，常用比如fre => forEach, fof => for of库倘，nfn => const xxx = (params) => {})
18、JavaScript Booster (大神都在用论矾，js寫法優(yōu)化提示教翩，寫的不夠好，或有其它寫法贪壳，有燈泡提示)
19饱亿、open in browser (安裝后，右擊html即可打開文件到瀏覽器瀏覽闰靴，但不占用ip + 端口)
20彪笼、Live Server (和open in browser 的區(qū)別就是會(huì)起服務(wù)，出一個(gè)ip+端口的鏈接 )
21蚂且、Markdown Preview Enhanced (程序員寫markdown配猫，這個(gè)可邊寫邊預(yù)覽markdown效果)
22、markdownlint (markdown 不會(huì)寫沒關(guān)系杏死，寫錯(cuò)有人提示和修正)
23泵肄、minapp (微信小程序 標(biāo)簽提示和自動(dòng)閉合 => 按需配置)
24、One Monokai Theme (配一個(gè)不傷眼的主題色淑翼，可以多擼代碼好幾年!)
25腐巢、Path Intellisense (路徑自動(dòng)補(bǔ)全，比如引入一個(gè)寫好的js文件玄括，html冯丙，css都會(huì)提示)
26、Power Mode (酷炫的敲擊代碼效果遭京，讓你欲罷不能胃惜，我選了敲擊時(shí)屏幕不抖，給個(gè)煙花)
27哪雕、Prettier - Code formatter (配合eslint 進(jìn)行代碼自動(dòng)修復(fù)蛹疯，注意配置自己需要的規(guī)范)
28、Project Manager (項(xiàng)目管理热监，比如有n個(gè)項(xiàng)目都在開發(fā)，要切換又不想打開新的vscode或者多開饮寞。注意切換后服務(wù)會(huì)停掉孝扛，要再啟動(dòng))
29、REST Client (不想用postman幽崩，可以用該插件替代)
30苦始、SVG Viewer (svg 圖片沒法預(yù)覽，不存在的)
31慌申、TabOut (當(dāng)光標(biāo)在一堆括號(hào)和{}和''中時(shí)陌选，用tab可不斷跳出當(dāng)前的()或者 ''和{}理郑，避免鼠標(biāo))
32、TODO Highlight (代碼還沒寫完咨油，下次提示自己您炉，可以寫個(gè)TODO，會(huì)高亮)
33役电、Version Lens (package.json中下載的插件有更新了赚爵，當(dāng)前是否是最新都會(huì)提示)
34、vscode-icons-mac (這款是Mac上所需法瑟，windows是vscode-icons冀膝，文件及目錄icon更清晰)
35、Vue VSCode Snippets (必備霎挟，寫vue時(shí)的語(yǔ)法窝剖、生命周期，模板等提示)
- 以上為實(shí)用下來酥夭，比較舒適的一些插件及配置赐纱，當(dāng)然每個(gè)人的需求和使用情況不同，在這里大家按實(shí)際情況汲取~
- 希望多多鼓勵(lì)采郎，我會(huì)繼續(xù)出一些實(shí)用的編碼經(jīng)驗(yàn)和技巧分享給大家千所，react相關(guān)的插件請(qǐng)自行搜索，大同小異蒜埋。需要前端技術(shù)資料可以關(guān)注下 Famous 看世界 ~
