工具-VScode使用


因为电脑垃圾、atom编辑器在处理长页面是的卡顿迫使我不得不更换一门编辑器,但不可否认的是每个编辑器都是很强大好用的。

安装

https://code.visualstudio.com/

快捷命令

ctrl + shift + p 打开命令行

插件安装

Vscode web 常用插件 中文

安装

https://code.visualstudio.com/

快捷命令

ctrl + shift + p 打开命令行

复制前面的英文插件名 别复制后面的汉语

1. Chinese (Simplified) Language Pack for Visual Studio Code

适用于 VS Code 的中文(简体)语言包

2. Prettier - Code formatter 漂亮的格式化工具

3. Auto Rename Tag 自动重命名标签

4. vscode-icons 文件图标

5. Project Manager 项目管理

ctrl+p 打开命令面板 输入 Project

6. Beautify 自动美化代码

7. HTML CSS Support css样式补全

8. Material Icon Theme 图标主题扩展包

9. npm npm

10. npm Intellisense 命令代码补全

Visual Studio代码插件,它自动完成导入语句中的NPM模块。[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-rWfAzbVe-1585709300744)(https://github.com/ChristianKohler/NpmIntellisense/raw/master/images/auto_complete.gif)]

11. IntelliSense for CSS class names in HTML HTML中CSS类名的智能感知

在这里插入图片描述

12. Path Intellisense 路径补全

VisualStudio代码插件,自动完成文件名。

13. Vetur vue

语法错误检查,包括 CSS/SCSS/LESS/Javascript/TypeScript
语法高亮,包括 html/jade/pug css/sass/scss/less/stylus js/ts
emmet 支持
代码自动补全(目前还是初级阶段),包括 HTML/CSS/SCSS/LESS/JavaScript/TypeScript

14. Vue 2 Snippets vue2代码提示

在这里插入图片描述
在这里插入图片描述

15. Guides 导轨

代码对齐标线
在这里插入图片描述

16. Bracket Pair Colorizer 括号对色器

此扩展允许匹配的括号与颜色识别。用户可以定义要匹配的字符和要使用的颜色。
在这里插入图片描述

17. vscode-fileheader 自动添加文件头部描述信息

基本配置: 打开 文件->首选项->设置->用户设置->搜索fileheader更改里面的信息
基本使用: ctrl+alt+i
在这里插入图片描述

18 https://blog.csdn.net/shenxianhui1995/article/details/81604818

0%