7 VScode工具安装及插件安装

写前端代码的工具

在这里插入图片描述

任何一个工具都行,一通百通,高手可以使用任何工具

在这里插入图片描述

这里我用的软件是Visual Studio Code

安装方式如下:

(1)直接百度Visual Studio Code,找到官网:https://visual-studio-code.en.softonic.com/

(2)下拉

在这里插入图片描述

(3)下载这个安装包

在这里插入图片描述

(4)保存到自己能找到的地方

(5)安装好,建立桌面快捷方式:

在这里插入图片描述

(6)打开,如图所示

在这里插入图片描述

(7)点击红色箭头指向的方框地方

在这里插入图片描述

(8)在箭头所指的地方搜索,自己需要的插件安装上,插件安装好,重启软件。

在这里插入图片描述
在这里插入图片描述

常见插件(安装必须联网)

1.Auto Close Tag (必备):自动闭合HTML/XML标签

2.Auto Rename Tag (必备): 自动完成另一侧标签的同步修改

3.Chinese (Simplified) Language Pack for Visual Studio Code : 中文简体语言包

4.open in browser:在vscode中打开浏览器访问

5.Live Server: 实时刷新浏览器

6.Path Intellisense :自动补全路径

7.Bracket Pair Colorizer: 颜色识别匹配括号,括号高亮显示

8.vscode-icons :在vscode显示文件图标

9.markdownlint:markdown格式提示

10.HTML css suppot :css提示,支持vue的css提示

11. One Monokai Theme:更改主题

12. Vetur :代码高亮,快速生成代码块

13. CSS Peek 追踪至样式

根据需要选择插件

卸载插件

在这里插入图片描述

评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值