Visual Studio Code简介及安装配置

新知榜官方账号

2023-10-22 16:46:12

Visual Studio Code简介

Visual Studio Code(简称VSCode/VSC)是一款免费开源的现代化轻量级代码编辑器,支持几乎所有主流的开发语言的语法高亮、智能代码补全、自定义热键、括号匹配、代码片段、代码对比Diff、GIT等特性,支持插件扩展,并针对网页开发和云端应用开发做了优化。软件跨平台支持Win、Mac以及Linux。

官网地址:https://code.visualstudio.com/

安装配置

  1. 下载VSCode:打开浏览器输入https://code.visualstudio.com/(进入到官网),点击下载,可以根据自己的操作系统进行下载。下载地址:https://vscode.cdn.azure.cn/stable/e5a624b788d92b8d34d1392e4c4d9789406efe8f/VSCodeUserSetup-x64-1.51.1.exe
  2. 安装:安装过程见安装界面,安装成功后启动VSCode。
  3. 安装插件:Chinese(Simplified) Language Pack for Visual Studio Code、Vetur、stylelint、Sass、Prettier-Code formatter、GitLens--Git supercharged、ESLint、EditorConfig for VS Code、Debugger for Chrome、Debugger for Java、Code Runner、Auto Rename Tag,重启之后插件会自动生效。
  4. 自定义配置:打开文件->首选项->设置,进入settings.json文件,添加以下自定义配置:
{"git.confirmSync":false,"git.autofetch":true,"git.checkoutType":"remote","git.enableSmartCommit":true,"files.autoSave":"onFocusChange","files.associations":{"*.vue":"vue","*.wpy":"vue","*.wxml":"wxml","*.wxss":"css","*.js":"javascript","*.html":"html","*.cjson":"jsonc","*.wxs":"javascript"},"emmet.syntaxProfiles":{"vue-html":"html","vue":"html"},"emmet.includeLanguages":{"wxml":"html"},"eslint.autoFixOnSave":true,"eslint.validate":["javascript","javascriptreact",{"language":"html","autoFix":true},{"language":"vue","autoFix":true},{"autoFix":true,"language":"javascript"},{"autoFix":true,"language":"javascriptreact"},{"autoFix":true,"language":"typescript"},{"autoFix":true,"language":"typescriptreact"}],"terminal.integrated.shell.windows":"C:\\Windows\\System32\\cmd.exe","window.zoomLevel":1,"explorer.confirmDelete":false,"vetur.experimental.templateInterpolationService":false,"editor.tabSize":4,"editor.tabCompletion":"on","editor.codeActionsOnSave":{"source.fixAll":true}}

以上就是Visual Studio Code的简介及安装配置过程,希望对大家有所帮助。

本页网址:https://www.xinzhibang.net/article_detail-17605.html

寻求报道,请 点击这里 微信扫码咨询

相关工具

相关文章

相关快讯