Web前端开发笔记 -----2.vs code 和 chrome浏览器

2.vs code 和 chrome浏览器

前言

小编是初次创作博客，经验不足；对web开发这一块也只是以前零散的学习过，但当我真正一个人从头到尾去实现时，总会有不记得的地方。所以我就决定从头再学习一遍并想到了通过写博客（课程笔记）的形式去学习它，虽然写博客会让我多花几倍的时间去学习它，但是当我完成一篇博客所获得的成就感和认同感，让我很满足，能够鼓励我一天天的坚持下去，也希望和我一起学习的"同道"们也能给一直坚持下去。我们大家一起加油。由于作者本身也是小白，大部分知识点也是初次接触，出现对其理解不深入，不完整，甚至也会出现错误有问题的地方，希望大家谅解、留言提出指正，同时也欢迎大家来找我一起交流学习！！！

---

---

一、下载地址

vs code官网下载地址：https://code.visualstudio.com/
编辑器：
chrome浏览器下载地址：https://www.google.cn/chrome/

---

二、vs code编辑器

1.设置为中文

vs code默认是英文，我们可以通过下载插件来变成中文模式。

点击安装就能使用。

2.常用插件

open in browser
view in browser

在编辑器中直接右键运行代码。

3.编辑器的基本使用

设置：文件 ->首选项 ->设置 （大小，是否换行word wrap）。
直接创建文件，文件夹，重命名等等

快捷方式：
ctrl + s：保存
ctrl + a：全选
ctrl + x，ctrl + c，ctrl + v：剪切，复制，粘贴
ctrl + z，ctrl + y：撤销，前进
shift + end：从头选中一行
shift + home：从尾部选中一行
shift + alt + ↓：快速复制一行
alt + ↑或↓：快速移动一行

多光标：alt + 鼠标左键
ctrl + d：选择相同元素的下一个

---