VisualStudioCode简介VisualStudioCode是一款非常轻量级的前端代码编写工具，也是目前比较主流的。它还包括丰富的插件市场，非常好看的界面风格，以及可以在软件中直接使用的命令行工具。:::warning学习前端前建议先下载软件，方便实际操作。:::安装官方下载地址：https://code.visualstudio.com下载中文版后是英文版，所以去VSCode的插件市场下载中文版插件中文安装插件后，重启VSCode开发习惯配置以下是我的个人习惯，需要手动设置代码提示快捷方式的朋友可以看看File->Preferences->KeyboardshortcutsorWindowsshortcuts:CTRL+K+S扩展插件VSCode功能强大的插件市场，主要介绍几个常用的插件。:::tip如果您暂时不需要这些插件，则无需先安装它们。:::OneDarkPro的漂亮代码主题GitLens—Git增压Git记录查看工具，方便随时查看某个时间点某个人修改的某行代码。方便查看单个文件的修改记录。目前，朋友们可能无法使用它。你需要先掌握Git技术，然后才能使用它。PathAutocompleteURL路径补充插件，当你需要寻找src路径时，它会给你代码提示。比如写img标签的src路径时可以使用。Vuter高亮.vue文件的代码主要适用于Vue2.0。如果暂时不用，可以先不安装。Prettier-代码格式化器用于格式化大多数语言代码，也可以与配置文件一起使用来自定义格式化样式。在项目根目录中新建一个.prettierrc文件。{"printWidth":170,"tabWidth":4,"semi":false,"singleQuote":true,"trailingComma":"none"}LiveServer可以直接部署你的.html文件到服务器。ShortcutKeysList列出了比较常用的快捷键FunctionNameShortcutKey当前文件搜索Ctrl+F全局搜索Ctrl+Shift+F全选Ctrl+A将选中的文字转为大写Ctrl+U（需要设置快捷键）SelectConverttext转小写Ctrl+P（需要设置快捷键）折叠代码Ctrl+K+0~9（代表多少层）展开折叠代码Ctrl+K+J跳转到选中的函数方法体F12复制Ctrl+C粘贴Ctrl+V打开终端Ctrl+~删除当前行Ctrl+X撤消更改Ctrl+Z代码换行Alt+Z注释/取消注释Ctrl+/选择多列Shift+Alt+鼠标移动连续选择关键词Ctrl+D复制行Shift+Alt+↑或↓移动行Alt+↑或↓重命名F2切换打开文件Ctrl+Tab切换应用程序Alt+Tab创建HTML5页面结构输入html5跳转到上面A修改Alt+←跳转到下一个修改Alt+→引用最全的前端笔记都在这里，包括从入门到入行的笔记，还支持实时效果预览。朋友不需要花时间写笔记。或者去网上找笔记。你要的高频面试题和笔记，都给你写好了。支持手机和PC阅读，深色和浅色模式。需要完整网络版，评论区回复1。
