工欲善其事,必先利其器
安装visual studio code
选择一款合适自己的编辑器尤为重要,目前比较主流的编辑器 有sublime-text
atom 等,本文简单介绍VSC的安装及使用!
在visual studio code官网中点击下载合适自己电脑的版本!然后一路next安装!
安装完成后点击打开窗口,安装新的插件。按照插件安装经验打开新的扩展窗口,选择自己需要的插件安装
介绍几个比较实用的插件
1.HTML Snippets
超级实用且初级的 H5代码片段以及提示
2.HTML CSS Support
让 html 标签上写class 智能提示当前项目所支持的样式
3.Path Intellisense
自动路劲补全,个人认为这个非常有用
4.Atuo Rename Tag
修改 html 标签,自动帮你完成尾部闭合标签的同步修改,和 webstorm 一样
常用快捷键
1.格式调整
- 代码行缩进 Ctrl+[ 、 Ctrl+]
- Ctrl+C 、 Ctrl+V 复制或剪切当前行/当前选中内容
- 代码格式化: Shift+Alt+F,或 Ctrl+Shift+P 后输入 format code
- 上下移动一行: Alt+Up 或 Alt+Down
- 向上向下复制一行: Shift+Alt+Up 或 Shift+Alt+Down
- 在当前行下边插入一行 Ctrl+Enter
- 在当前行上方插入一行 Ctrl+Shift+Enter
2.光标相关
- 移动到行首: Home
- 移动到行尾: End
- 移动到文件结尾: Ctrl+End
- 移动到文件开头: Ctrl+Home 移动到后半个括号: Ctrl+Shift+]
- 选择从光标到行尾: Shift+End
- 选择从行首到光标处: Shift+Home
- 删除光标右侧的所有字: Ctrl+Delete
- 扩展/缩小选取范围: Shift+Alt+Left 和 Shift+Alt+Right
- 多行编辑(列编辑):Alt+Shift+鼠标左键,Ctrl+Alt+Down/Up
- 同时选中所有匹配: Ctrl+Shift+L
- Ctrl+D 下一个匹配的也被选中 (在 sublime * 中是删除当前行,后面自定义快键键中,设置与 Ctrl+Shift+K 互换了)
3.查找替换
- 查找 Ctrl+F
- 查找替换 Ctrl+H
- 整个文件夹中查找 Ctrl+Shift+F
好的,今天就写这么多,祝愿世界和平!