前端開發VScode常用插件

hellowoody 發布于2019-08-21 18:21 / 1571人閱讀

摘要：名稱功能自動閉合標簽自動提示修改標簽時，自動修改匹配的標簽格式化編寫更加人性化的注釋添加行書簽的瀏覽器兼容性檢查運行選中代碼段支持大量語言，包括單詞拼寫檢查在中彈出瀏覽器并搜索，可編輯搜索引擎顏色值在代碼中高亮顯示小窗口顯示顏色值，等等拾色

名稱	功能
Auto Close Tag	自動閉合HTML標簽
Auto Import Typescript	自動import提示
Auto Rename Tag	修改HTML標簽時，自動修改匹配的標簽
Beautify	css/sass/scss/less css/sass/less格式化
Better Comments	編寫更加人性化的注釋
Bookmarks	添加行書簽
Can I Use	HTML5、CSS3、SVG的瀏覽器兼容性檢查
Code Runner	運行選中代碼段（支持大量語言，包括Node）
Code Spellchecker	單詞拼寫檢查
CodeBing	在VSCode中彈出瀏覽器并搜索，可編輯搜索引擎
Color Highlight	顏色值在代碼中高亮顯示
Color Info	小窗口顯示顏色值，rgb,hsl,cmyk,hex等等
Color Picker	拾色器
Document This	注釋文檔生成
ESLint	ESLint插件，高亮提示
EditorConfig for VS Code	EditorConfig插件
Emoji	在代碼中輸入emoji
File Peek	根據路徑字符串，快速定位到文件
Font-awesome	codes for html FontAwesome提示代碼段
Git Blame	在狀態欄顯示當前行的Git信息
Git History(git log)	查看git log
GitLens	顯示文件最近的commit和作者，顯示當前行commit信息
Guides	高亮縮進基準線
Gulp Snippets	Gulp代碼段
HTML CSS Class Completion	CSS class提示
HTML CSS Support	css提示（支持vue）
HTMLHint	HTML格式提示
Indenticator	縮進高亮
IntelliSense for css class names	css class輸入提示
JavaScript (ES6) code snippets	ES6語法代碼段
JavaScript Standard Style	Standard風格
Less IntelliSense	less變量與混合提示
Lodash	Lodash代碼段
MochaSnippets	Mocha代碼段
Node modules resolve	快速導航到Node模塊
Code Outline	展示代碼結構樹
Output Colorizer	彩色輸出信息
Partial Diff	對比兩段代碼或文件
Path Autocomplete	路徑完成提示
Path Intellisense	另一個路徑完成提示
PostCss Sorting	css排序
Prettify JSON	格式化JSON
Project Manager	快速切換項目
Quokka.js	不需要手動運行，行內顯示變量結果
REST Client	發送REST風格的HTTP請求
React Native Storybooks	storybook預覽插件，支持react
React Playground	為編輯器提供一個react組件運行環境，方便調試
React Standard Style code snippets	react standar風格代碼塊
Sass	sass插件
Settings Sync	VSCode設置同步到Gist
Sort Typescript Imports	typescript的import排序
Sort lines	排序選中行
String Manipulation	字符串轉換處理（駝峰、大寫開頭、下劃線等等）
Syncing vscode	設置同步到gist
TODO Parser	Todo管理
TS/JS postfix completion	ts/js前綴提示
TSLint	TypeScript語法檢查
Test Spec Generator	測試用例生成（支持chai、should、jasmine）
TypeScript Import	TS自動import
TypeSearch	TS聲明文件搜索
Types auto installer	自動安裝@types聲明依賴
VSCode Great Icons	文件圖標拓展
Version Lens	package.json文件顯示模塊當前版本和最新版本
View Node Package	快速打開選中模塊的主頁和代碼倉庫
VueHelper	Vue2代碼段（包括Vue2 api、vue-router2、vuex2）
filesize	狀態欄顯示當前文件大小
ftp-sync	同步文件到ftp
gitignore	.gitignore文件語法
htmltagwrap	快捷包裹html標簽
language-stylus	Stylus語法高亮和提示
markdownlint	Markdown格式提示
npm Intellisense	導入模塊時，提示已安裝模塊名稱
npm	運行npm命令
stylelint	css/sass/less代碼風格
vetur	目前比較好的Vue語法高亮
vscode-database	操作數據庫，支持mysql和postgres
vscode-icons	文件圖標，方便定位文件
vscode-random	隨機字符串生成器
vscode-styled-components	styled-components高亮支持
vscode-styled-jsx	styled-jsx高亮支持
vscode-fileheader	文件頭部添加注釋作者名、日期等

云服務器 GPU云服務器前端插件圖像識別常用開發 eclipse插件開發 grunt插件開發

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://m.specialneedsforspecialkids.com/yun/90384.html

能讓你開發效率翻倍的 VSCode 插件配置（上）

摘要：如果編輯器在編碼時實時給出反饋，對開發者個人而言才是最高效的，在提交時做強制檢查只是從團隊的視角保證編碼風格的規范性和一致性。工欲善其事必先利其器，軟件工程師每天打交道最多的可能就是編輯器了。入行幾年來，先后折騰過的編輯器有 EditPlus、UltraEdit、Visual Studio、EClipse、WebStorm、Vim、SublimeText、Atom、VSCode，現在...

feng409 2019-08-21 17:36 評論0 收藏0
能讓你開發效率翻倍的 VSCode 插件配置（上）

摘要：如果編輯器在編碼時實時給出反饋，對開發者個人而言才是最高效的，在提交時做強制檢查只是從團隊的視角保證編碼風格的規范性和一致性。工欲善其事必先利其器，軟件工程師每天打交道最多的可能就是編輯器了。入行幾年來，先后折騰過的編輯器有 EditPlus、UltraEdit、Visual Studio、EClipse、WebStorm、Vim、SublimeText、Atom、VSCode，現在...

AlanKeene 2019-06-28 10:24 評論0 收藏0
react開發vscode插件推薦

摘要：開發插件推薦原文地址由于本人主要是做開發，用的代碼編輯器是傳說中的宇宙第一前端神器所以在這里記錄并推薦一些本人開發過程中常用的一些插件幫助開發。最后的最后，我只想說，強無敵，大法好我自己日常開發中使用的擴展 react開發vscode插件推薦原文地址：https://github.com/xieqingtia... 由于本人主要是做react開發，用的代碼編輯器是傳說中的宇宙第一前端...

Miracle_lihb 2019-08-02 15:40 評論0 收藏0
react開發vscode插件推薦

摘要：開發插件推薦原文地址由于本人主要是做開發，用的代碼編輯器是傳說中的宇宙第一前端神器所以在這里記錄并推薦一些本人開發過程中常用的一些插件幫助開發。最后的最后，我只想說，強無敵，大法好我自己日常開發中使用的擴展 react開發vscode插件推薦原文地址：https://github.com/xieqingtia... 由于本人主要是做react開發，用的代碼編輯器是傳說中的宇宙第一前端...

sunny5541 2019-08-30 15:44 評論0 收藏0