VSCode操作

VSCode切換中文:

打開“vscode”。
按快捷鍵“Ctrl+Shift+P”。
在“vscode”頂部會出現一個搜索框。
輸入“configure language”,然後回車。
“vscode”裏面就會打開一個語言配置文件。

 

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

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章