Vscode软件安装教程

一、安装教程

软件下载地址：https://code.visualstudio.com/

Vscode汉化：按快捷键“Ctrl+Shift+P”。

在“vscode”顶部会出现一个搜索框。

输入“configure language”，然后回车。

“vscode”里面就会打开一个语言配置文件。

将“en-us”修改成“zh-cn”。

按“Ctrl+S”保存设置。

关闭“vscode”，再次打开就可以看到中文界面了。

如果你觉得麻烦，也可以在扩展里面直接搜索Chinese

二、开启代码显示设置：

第1步：点击左下角点击设置图标，找到并点击“setting”

第2步：到搜索框里搜索“prevent”--->并取消此项的勾选

三、常用的快捷键：

四、插件安装

必备插件：

View In Browser：在浏览器里预览网页必备。运行html文件

vscode-icons：改变编辑器里面的文件图标

Bracket Pair Colorizer：给嵌套的各种括号加上不同的颜色

Auto Rename Tag：自动修改匹配的 HTML 标签

Path Intellisense：智能路径提示

Import Cost：引入包大小计算,对于项目打包后体积掌握很有帮助

Vue插件：

Vetur：语法高亮、智能感知、Emmet等

VueHelper： snippet代码片段

五、开启一个本地服务：

1.安装Debugger for Chrome插件：debugger for Chrome

2.使用ctrl+`快捷键打开终端，然后输入npm install -g live-server

3.在命令行里输入 live-server即可

附vue面试题：

web前端开发工程师（vue） | 智一面