开启VScode时代

1 软件下载地址:

https://code.visualstudio.com/

2 安装

安装位置,可修改地址,放入C盘以外的其他地址。
安装配置,参考下图
开启VScode时代

3 插件

NO. 插件功能
1.Open-In-Browse 快捷菜单中添加默认浏览器打开
2.HTML Snippets HTML代码提示
3.HTML CSS Support CSS代码提示补全
4.HTML Snippets HTML代码提示
5.jQuery Code Snippets jQuery代码提示
6.PHP Intelephense PHP代码提示
7.Live Server 使用服务器的方式打开
8.easy less less编译插件
9.cssrem(rem单位转换器) 设置:文件→首选项→设置里搜索cssrem→rootFontSize一般修改为100重启完成
10.vetur 语法高亮显示
11.vue2 代码补全提示

4 Vscode快捷键

NO. 功能
1.ctrl+/ 注释(VS只能整行注释)
2.ctrl + f 搜索代码
3.ctrl + tab 切换代码页面
4.Ctrl+shift+k 删除选中行
5.ctrl+enter 另起一行
6.script:src src链接快捷键
7.fn+ 上下 左右 代码页面快捷移动
8.Ctrl+shift+K 删除当前行
9.shift+alt+↓/↑ 快速复制当前行到下/上一行
10.fn+ 上下 左右 代码页面快捷移动
11.ctrl + d 快速选择相同内容
12.Ctrl + h 替换代码

参考文章:
https://www.jianshu.com/p/0187d02434eb