VSCode拓展配置

拓展列表

拓展

配置文件 /Users/weimo/Library/Application Support/Code/User/settings.json

名称	类型	说明/配置	ID
Node developer pack	@installed @category:”extension packs”	Node开发整合包 包含多个拓展 建议参考	kennethfreitas.node-developer
json	@installed @category:”extension packs”	json分析整合包	ZainChen.json
Remote Development	@installed @category:”extension packs”	微软出的远程开发整合包	ms-vscode-remote.vscode-remote-extensionpack
Better Comments	@category:”formatters” @installed	编辑增强 // ! // TODO可以显示不同颜色	aaron-bond.better-comments
GraphQL to REST queries	@category:”formatters”	测试GraphQL	orasik.graphql-to-rest-queries
Increment Selection	@installed @category:”formatters”	可以插入顺序逆序数列	albymor.increment-selection
Prettier	@installed @category:”formatters”	代码格式化工具	esbenp.prettier-vscode
中文（简体）语言包	@installed @category:”language packs”	编辑器UI显示中文	MS-CEINTL.vscode-language-pack-zh-hans
Color Highlight	@installed @category:”other”	给Hex颜色一个背景	naumovs.color-highlight
Copy Relative Path and Line Numbers	@installed @category:”other”	复制文件路径:行号	ezforo.copy-relative-path-and-line-numbers
Live Server	@installed @category:”other”	对html文件预览	ritwickdey.LiveServer
Local History	@installed @category:”other”	本地目录多一个.history存放文件变动	xyz.local-history
highlight-icemode	@installed @category:”other”	高亮选中文字 添加边框	iceliu.highlight-icemode
indent-rainbow	@installed @category:”other”	彩色高亮缩进	oderwat.indent-rainbow
IntelliCode	@installed @category:”other”	微软的AI智能提示	VisualStudioExptTeam.vscodeintellicode
IntelliCode API Usage Examples	@installed @category:”other”	微软的AI智能提示	VisualStudioExptTeam.intellicode-api-usage-examples
JavaScript and TypeScript Nightly	@installed @category:”other”	微软的js ts智能感知	ms-vscode.vscode-typescript-next
Open in External App	@installed @category:”other”	文件右键用其他应用打开	YuTengjing.open-in-external-app
Remote - SSH	@installed @category:”other”	远程开发工具	ms-vscode-remote.remote-ssh
Search node_modules	@installed @category:”other”	指令搜索node_modules目录文件	jasonnutter.search-node-modules
Todo Tree	@installed @category:”other”	边栏显示所有TODO 行	Gruntfuggly.todo-tree
shadow reader	@installed @category:”other”	摸鱼看书	rainbroadcast.shadow-reader
Git Graph	@installed @category:”other”	GitLens可视化替代品	mhutchie.git-graph
Apache Velocity language support	@installed @category:”programming languages”	Velocity 语言支持 .vm 文件	Quidgest.vscode-velocity
Babel JavaScript	@installed @category:”programming languages”	JavaScript 代码高亮	mgmcdermott.vscode-language-babel
Codeium	@installed @category:”programming languages”	代码提示 Copilot免费替代品	Codeium.codeium
CSS Peek	@installed @category:”programming languages”	CSS代码悬浮预览+跳转	pranaygp.vscode-css-peek
ESLint	@installed @category:”programming languages”	js格式化 #eslint	dbaeumer.vscode-eslint
ESLint Chinese Rules	@installed @category:”programming languages”	eslint中文规则提示插件	maggie.eslint-rules-zh-plugin
REST Client	@installed @category:”programming languages”	.rest文件格式化 可以测试http、graphql请求	humao.rest-client
Sass (.sass only)	@installed @category:”programming languages”	格式化 .sass 文件	Syler.sass-indented
Thunder Client	@installed @category:”programming languages”	Rest API Client	rangav.vscode-thunder-client
Velocity Template Language	@installed @category:”programming languages”	Velocity 语言支持 .vm 文件	sodatea.velocity
Vue - Official	@installed @category:”programming languages”	Vue支持	Vue.volar
YAML	@installed @category:”programming languages”	.yaml 文件格式化 代码提示	redhat.vscode-yaml
GitLens	@installed @category:”scm providers”	Git增强	eamodio.gitlens
HTML Snippets	@installed @category:”snippets”	html代码片段	geyao.html-snippets
JavaScript (ES6) code snippets	@installed @category:”snippets”	ES6代码片段	xabikos.javascriptsnippets
Vuetify CamelCase Snippets	@installed @category:”snippets”	Vuetify代码片段	Coder911th.vuetify-camelcase-snippets
Vue VSCode Snippets	@installed @category:”snippets”	Vue代码片段 打vbase + tab 生成模版	sdras.vue-vscode-snippets
Bluloco Light Theme	@installed @category:”themes”	好看亮色的主题 Bluloco Light Italic CMD+K CMD+T 切换	uloco.theme-bluloco-light
Material Icon Theme	@category:”themes” @installed icon	#material-icon-theme	PKief.material-icon-theme

eslint

"eslint.workingDirectories": [
    ".eslintrc.js",
    "./node_modules/eslint-loader/index.js",
    "node_modules/eslint-loader/index.js",
    "packages/admin/.eslintrc.js",
],

"eslint.lintTask.enable": true,
"eslint.format.enable": true,
"eslint.alwaysShowStatus": true,

material-icon-theme

{
  "material-icon-theme.activeIconPack": "vue",
  "material-icon-theme.hidesExplorerArrows": true,
}

参考

https://code.visualstudio.com/docs/setup/mac