vscode编辑器(前端开发)安装和使用

393 阅读1分钟

一、下载地址

code.visualstudio.com/

二、vs code常用插件

1、node安装

vscode结合node是插件才能很好的运作

2、Guides

对齐线修改的插件,可以时对齐线成虚线展示

3、JS-CSS-HTML Formatter美化插件

一款集成了格式化(美化)html、css、js三种文件类型的插件,即便html,js写在PHP文件之内。

4、PHP美化插件

(1)phpfmt - php formatter

(2)php cs fixer

格式化php代码

需要安装php7.0以上配置,然后将路径如引入vscode php插件中

5、白色主题

brakets ligth pro

三、vs code设置

1、代码字体设置(个人爱好字体)

sublime text3字体 :Hack

2、DOS终端字体间距太大 去文件-首选项-设置里修改。

"terminal.integrated.fontFamily": ""

3、注意此处默认为空白,所以显示的就比较奇怪。

改为"terminal.integrated.fontFamily": "monospace",

4、关闭选中的这一行背景

"editor.renderLineHighlight": "none"

5、括号小方框去掉办法

"editor.matchBrackets": false

四、vs code快捷键

Ctrl + N 新建文件

Alt + 上/下箭头 行上下移动

Shift + Alt + 上/下箭头 上或者下的复制当前行

Alt + 上/下箭头 当前行上下移动

Ctrl + Shift + K 删除行

Alt + Click 插入光标-支持多个

Ctrl + ` 打开集成终端

Ctrl + Shift + ` 创建一个新的终端

Ctrl + ] 或 [ 行缩进

Home 光标跳转到行头

End 光标跳转到行尾

Ctrl + Home 跳转到页头

Ctrl + End 跳转到页尾

Ctrl + O 打开文件

Ctrl + S 保存文件

Ctrl + Shift + S 另存为

Ctrl+P 快速打开最近打开的文件

Ctrl + G 跳转行

Ctrl+Shift+W 关闭编辑器

Ctrl + F 查询

Ctrl + H 替换

Ctrl + up/down 行视图上下偏移

Alt + PgUp/PgDown 屏视图上下偏移

Ctrl + I 选中当前行

Ctrl + W 关闭当前页面

Ctrl + |切割编辑窗口