Vscode软件安装教程

2021-07-16  本文已影响0人  蔡宝儿

一、安装教程

软件下载地址: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) | 智一面

上一篇下一篇

猜你喜欢

热点阅读