1. Visual Studio Code(简称 VS Code) 是Microsoft 于2015年4月发布的一款代码编辑器
2. VS Code 对前端代码有非常强大的支持,同时也支持其他编程语言(C++、Java、Python等)
3. VS Code提供了非常强大的插件库;
官网:Visual Studio Code - Code Editing. Redefined
一.下载、安装
二. 推荐插件
1. 中文语言包 Chinese(Simplified) Language Pack
2. HTML CSS Support 自动补全
自动补全:大大缩减编写时间
3. JavaScript(ES6) code snippets ES6语法提示
4. Mithril Emmet 代码快速编写工具
5. Path Intellsense 自动补全文件路径
6. Vue 3 Snippets
Vue3Snippets是一个为VSCode编辑器开发的插件,旨在提供丰富的Vue3代码片段,帮助
开发者更快速地编写Vue3代码。通过这个插件,开发者可以使用简短的代码提示来生成常用
的Vue3代码结构,从而提高编码效率。
7. Auto Close Tag
AutoCloseTag是一个为VisualStudioCode(VSCode)设计的开源插件,能够自动添加
HTML/XML的关闭标签,支持多种编程语言,包括HTML、XML、PHP、Vue、JavaScript、
TypeScript等,并且配置灵活,可以根据个人喜好进行调整。
8. Auto Rename Tag
AutoRenameTag是一款针对VisualStudioCode的扩展插件,主要用于自动重命名配对的
HTML/XML标签.
9. open in browser
open in browser可以让用户在VSCODE中快速用浏览器打开编辑的网页
10. Live Server
LiveServer是一种在开发过程中用于实时预览网页或应用程序的工具。
11. File Utils
FileUtils是一个用于简化文件操作的工具类或库,它提供了丰富的功能,包括读取、写入、复
制、移动、删除文件以及遍历目录等操作。在不同的环境和库中,FileUtils的实现和功能可能
有所不同,但它们的核心目标都是提高文件操作的便捷性和效率。
12. Vue - Official
Vue Official是Vue.js官方推出的VSCode插件,原名Volar,现已正式更名为Vue-Official。
主要功能
代码提示与补全:提供智能的代码提示和补全功能,帮助开发者更高效地编写代码。
语法高亮:对Vue单文件组件(SFC)中的HTML、CSS、JavaScript/TypeScript等不同部
分进行语法高亮显示。
错误检查:实时检测代码中的错误,并提供修复建议,帮助开发者及时发现并纠正问题。
代码格式化:支持代码格式化,可根据预设的规范自动调整代码格式,保持代码风格的一致性。
组件拖拽导入:支持通过鼠标拖拽的方式导入组件,简化了组件引入的操作步骤。
支持Vue3.4新语法特性:例如,支持Vue3.4中增加的属性同名简写的写法。
13. IntelliJ IDEA Keybindings
IntelliJ IDEA Keybindings是一个开源项目,旨在为Visual Studio Code(VSCode)提供
IntelliJIDEA的快捷键绑定。
·该项目允许用户在VSCode中使用熟悉的IntelliJIDEA快捷键,从而提高开发效率。
·支持多种JetBrains产品的快捷键映射,如IntelliJ Ultimate、WebStorm、PyCharm、PHP
Storm等。
14. MarsCode AI: Coding Assistant
MarsCodeAI是豆包旗下的智能编程助手,支持主流编程语言及IDE,提供代码补全、代码解
释、单测生成、问题修复等功能,提升编码效率与质量。
主要功能
·代码补全:在编码过程中提供单行或多行的代码推荐,支持通过注释生成代码片段。
·代码解释:精确解释项目代码,帮助开发人员快速熟悉项目。
·单测生成:为选中函数生成单测,提升单测覆盖率,提升代码质量。
·智能修复:一键修改代码bug,提升代码修复效率。
·智能问答:针对研发领域定向优化问答质量,提供更精准的问答结果。
需要注册并登录
15. TONGYI Lingma
通义灵码,是一款基于通义大模型的智能编码辅助工具,提供行级/函数级实时续写、自然语言生成代码、单元测试生成、代码注释生成、代码解释、研发智能问答、异常报错排查等能力,并针对阿里云 SDK/API 的使用场景调优,为开发者带来高效、流畅的编码体验。
兼容 Visual Studio Code、Visual Studio、JetBrains IDEs 等主流 IDE;
支持 Java、Python、Go、C/C++、C#、JavaScript、TypeScript、PHP、Ruby、Rust、Scala 等主流编程语言。
需要注册并登录
三. 设置
1. 主题设置