04 记录vscode一些好用的插件和快捷键

303 阅读1分钟

1. 插件

(1)Chinese(Simplified) Language Pack for Visual Stidio Code —— 中文语言包,安装完成之后按Ctrl+Shift+P,选择“配置显示语言(Configure display Language)”,最后选择zh-cn,即可。

(2)open in browser —— 在浏览器查看程序执行结果。

(3)Live Server —— 一个具有实时加载功能的小型服务器,修改文件保存后浏览器会自动刷新。

(4)Auto Rename Tag —— 自动检测配对标签,同步修改。

(5)Code Spell Checker —— 单词拼写检查,写错之后单词下会有波浪线并且左边会有一个小灯泡一样的提示,点击一下小灯泡,会有修改提示,选择正确的即可。

(6)vscode-icons —— 不同文件不同图标。

(7)Vscode Great Icons —— 也是文件图标。

(8)Highlight Matching Tag —— 高亮显示配对标签。

(9)Version Lens —— 在package.json中可以看到安装的npm包的版本信息,如果不是最新版本还会显示目前最新版本是多少。

(10)Bracket Pair Colorizer 2 —— 为各个配对的括号添加不同的颜色。

2. 快捷键

(1)Shift+Alt+↑/↓:向上/下复制一行

(2)Ctrl+X:删除当前行内容

(3)Ctrl+F:查找内容

(4)Ctrl + Shift + T:重新打开关闭的页面

(5)Ctrl + Home/Ctrl + End:鼠标移动到文件的开头/末尾

移至文件的开头/结尾

3. 对setting.json做一些设置

"editor.wordWrap": "on",  // 设置代码根据编辑器窗口的大小自动换行
"editor.tabSize": 2,  // 重新设定tabsize,代码缩进修改为2个空格