VS Code常用插件介绍
vscode是前端开发中使用比较普遍的一款软件,这款软件中有许多的插件,使用这些插件会使我们的开发工作更加的便捷,下面我们介绍几款常用的插件。
1,Chinese (Simplified) Language Pack for Visual Studio Code 汉化插件,即将VS Code的菜单栏的语言类型改为中文简体。
2,Open in Browser 在浏览器中打开,在浏览器中打开后就可以查看当前书写代码的效果,方便及时查看修改。在代码页面点击鼠标右键,会有Open In Default Brower 和 Open In Other Brower 两个选项,前者代表系统默认浏览器,后者代表在其他浏览器中打开,前端开发中一般使用谷歌浏览器。
3,Sublime Text Keymap and Settings Importer 将Sublime 中的快捷键应用到VS Code中,Sublime是一款轻量级的前端开发软件,其中的快捷操作十分受大家的青睐,这款插件可以让我们在VS Code中也用到这些快捷操作。
4,Path Intellisense 引入文件路径 但我们在引入图片,视频,音频,和css,js文件时可以通过' ./ '这个符号来引出当前项目目录下的所有根目录文件,再一层一层选择相应的文件夹选择文件即可,可以减少手动输入带来的错误,从而提升代码书写效率。
5,JS-CSS-HTML Formatter 这款插件可以在代码保存之后对代码进行自动的布局排版,使代码看起来更有逻辑性。
6,Bracket Pair Colorizer 这款插件在书写代码有括号嵌套时,可以自动为对应的括号添加颜色,在视觉上与其他同类型的括号进行区分。
7,Auto Close Tag 这款插件可以在书写html标签时,写完开始标签后自动关闭标签,即补充标签的结尾部分
8,Auto Rename Tag 这款插件可以在修改html标签时,自动修改后面的部分
插件安装的方法:以汉化插件为例
1,点击红色箭头所指图标
2,在红色输入框中输入插件名
3,点击红色框中的install 暗转插件,点击红框中的其他区域可以打开查看插件的说明
4,安装完成后,关闭软件再重新打开,插件即可生效。
卸载插件
找到该插件,在页面中点击卸载即可,如下图所示