web 前端开发,使用vscode,开发插件

430 阅读1分钟

vscode 用户,下载插件相关,功能不介绍。


工具相关:


eslint: 代码规范必备

Chinese (Simplified) Language: 中文汉化包

filesize: 查看文件更改情况

Quokka.js

vscode-fileheader:(mac 快捷键:alt+control+i)

vscode-icons

open in brower

debugger for Chrome

javascript(es6) code snippets

javascrit snippet pack

json editor

path interllisense

Prettier - Code formatter:解决代码格式化分号问题

在user settings 中配置

"editor.formatOnType": true,
"editor.formatOnSave": true,
"prettier.singleQuote": true,
"prettier.semi": false


vue:开发相关

iview snippets:iview 开发

vetur

vue 2 Snippets

Vue Snippets(vue-ls)

vue-helper


node:开发相关

node Exec

npm interllisense




egg:开发相关

eggjs:开发egg必备

css:开发相关

language-stylus

css-rem


git 相关:

git history


html 相关:

prettier-code formatter

html snippets

user settings 配置:

{
"workbench.iconTheme": "vscode-icons",
"editor.quickSuggestions": {
"strings": true
},
"element-helper.version": "2.4",
"editor.formatOnType": true,
"editor.formatOnSave": true,
"prettier.singleQuote": true,
"prettier.semi": false,
"editor.lineHeight": 24,
"eslint.autoFixOnSave": true,
"javascript.format.insertSpaceBeforeFunctionParenthesis": true,
"vetur.format.defaultFormatter.js": "vscode-typescript",
"vetur.format.defaultFormatter.html": "js-beautify-html",
"vetur.format.defaultFormatterOptions": {
"wrap_attributes": "force-aligned"
},
"eslint.validate": [
"javascript",
"javascriptreact",
"html",
"vue",
{
"language": "html",
"autoFix": true
},
{
"language": "vue",
"autoFix": true
},
{
"language": "javascript",
"autoFix": true
}
],
"files.exclude": {
"**/.git": true,
"**/.svn": true,
"**/.hg": true,
"**/CVS": true,
"**/.DS_Store": true,
"**/node_modules": true,
"**/package-lock.json": true
}
}





配置参考:

https://segmentfault.com/q/1010000014829026