vs code初次使用必备

vs code初次使用必备

vs code常用技巧

1、设置中文（汉化）：

2、设置代码字体大小：文件–首选项–设置–字体

3、VSCode 内部下载浏览器便捷运行：扩展（ctrl+shift+X)---->在搜索框输入open 即可看到 open in browser —>点击安装完毕后—>在文件右键（open in default browser）即可默认浏览器运行编译.html文件，或者（选择其他浏览器运行 open in other browser）。

4、建立不同类型的新文件，需要带上后缀

5、Html文件，输入！后按回车键（或Tab键）快速生成结构

6、输入html标签时只需输入（部分）标签名后按回车自动补充完整

7、输入div#app后按回车自动生成

<div  id=”app”></div>

8、Ctrl + Enter 在当前行下插入新的一行

9、Ctrl + Shift+Enter 在当前行上插入新的一行

10、Ctrl + / 添加关闭行注释

11、ctrl+shift+A：块注释，先选中块，再按快捷键

11、多行输入：按下alt键，鼠标点击各行后即可输入

12、Ctrl+C、Ctrl+V：复制粘贴光标所在一整行

13、Alt+shift+F：格式化代码

14、ul>li*5{这是第$个li}: ul中会出现10个li项

15、VScode终端中停止某个任务，按ctrl+c

16、输入 ul > li * 10{ 这是第 $ 个li }按回车会自动生成10个li项目列表

VSCode中常用插件安装（扩展里搜索、安装即可）

1、中文简体语言包：1、Chinese (Simplified) Language Pack for Visual Studio Code

2、open in browser：让我们编辑的html直接在浏览器中（右键）打开

3、Auto Rename Tag： 自动完成另一侧标签的同步修改

4、Vetur ： Vue语法高亮显示, 语法错误检查, 代码自动补全

5、Path Intellisense： 路径自动补全

6、Live Server： 浏览器实时刷新

7、Beautify： 代码格式化主要作用于JavaScript/Json/Css/Sass/Html。

8、ESLint：EsLint可以帮助我们检查Javascript编程时的语法错误。

9、Debugger for Chrome：这个插件是直接在vscode里面进行调试js文件，跟谷歌的控制台是一样的功能，下载了它就不用打开浏览器的控制台就能进行打断点。