VsCode教程
2019-02-24 本文已影响0人
夜半暖人心
VsCode教程
1.VsCode是什么?
Visual Studio Code（以下简称vscode）是一个轻量且强大的代码编辑器，支持Windows，OS X和Linux.
2.VsCode下载安装
(1)下载传送门:https://code.visualstudio.com/
image
(2)安装步骤:除了以下注意事项，一直下一步直到完成
Ⅰ.文件路径不要在c盘:
image
Ⅱ.安装配置注意:
image
(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 | 代码补全提示 |
方法Ⅱ.插件设置备份，同步到其他电脑的VS code(高效):
5c7bbe0b9e1d0.png
5c7f4e19281d6.png
上传ID:088a3a1b271d70a86efa9cc55d937d3d43741ee8
下载ID:375b2bf3045a1d26266868d154eeae85
3.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.lubaojun.com/
