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