VS code-前端配置_022

VS code-前端配置

Chinese (Simplified) Language Pack for Visual Studio Code

簡體中文插件，通常會自動識別你的環境，自動提示是否須要簡體中文的語言包。要是沒有提示，就在擴展搜索一下便可。

Settings Sync

Settings Sync

使用插件將目前配置保存到GitHub上，之後只須要從GitHub上獲取，就能夠一次性安裝插件配置信息。

具體怎麼配置還須要搜一下網上的配置教程，這樣就不會換電腦，或者重裝一下vscode 還須要從新配置。強力推薦。。。

https://juejin.im/post/5b9b5a...
https://segmentfault.com/a/11...

Auto Rename Tag

Auto Rename Tag

如題 自動重命名標籤 對於前端來講仍是很必要的

Auto Close Tag

Auto Close Tag

自動閉合標籤

ES7 React/Redux/GraphQL/React-Native snippets

ES7 React/Redux/GraphQL/React-Native snippets

對於用vscode 寫react方便跟多 不過一些快捷鍵的使用須要記住熟能生巧 多用用就記住的了；

具體的快捷鍵 能夠看插件的說明 很詳細的表格：

Vue 2 Snippets

Vue 2 Snippets

vue 提升coding 效率插件

Vetur

Vetur

vue 必備插件

ESLint

ESLint

語法檢查。前端必備了，不過還須要根據項目配置eslintrc配置一下，不然有時候全是警告，具體爲文檔和配置能夠看官方文檔

https://eslint.org/docs/user-...

JavaScript (ES6) code snippets

JavaScript (ES6) code snippets

和剛纔的 ES7 React/Redux/GraphQL/React-Native snippets 比較相似，這個主要針對的是ES6;

HTML Boilerplate

HTML Boilerplate

HTML 模板，新建文件的時候 用的上，一些頭部標籤防止出錯

Git History

Git History

查看git歷史的插件，很實用必備。

GitLens — Git supercharged

GitLens

查看文件內代碼提交歷史的插件

gitignore

gitignore

快速把文件加入gitignore,右鍵選擇一下便可；

koroFileHeader

koroFileHeader

在vscode中用於生成文件頭部註釋和函數註釋的插件，通過多版迭代後，插件：支持全部主流語言,功能強大，靈活方便，文檔齊全，食用簡單！以爲插件不錯的話

須要配置一下。傳送門

VS Color Picker

VS Color Picker
寫樣式文件的時候必備

Prettier - Code formatter

Prettier - Code formatter

格式化代碼插件
配置文件說明：

https://prettier.io/docs/en/c...

Sass

Sass

WakaTime

WakaTime

能夠收集coding 工做強度，還會區分git 項目

超越鼓勵師

超越鼓勵師

超越鼓勵師
在 VS Code 中連續寫代碼一小時（時間可配置），會有楊超越提醒你該休息啦~

提醒本身定時起來活動一下，不要久坐不動；

Power Mode

Power Mode

配置寫代碼的輸入效果，

Material Icon Theme

Material Icon Theme

美化文件圖標的插件

Palenight Theme

主題插件

Palenight Theme

Eva Theme

Eva Theme