vscode前端开发(html/js/css)配置(插件&快捷键&常用设置)

请各位同学详细阅读此说明,按照文中内容,安装相应插件。

Visual Studio Code - Code Editing. Redefined下载vs code(system installer版),安装后配置如下插件。

1.插件:Chinese (Simplified) Language Pack for Visual Studio Code(汉化,如习惯英文界面,可以略过)

2.插件:vscode-icons(图标集,资源管理器一目了然)

3.插件:HTML CSS Support(智能提示CSS类名以及id)

4.插件:Live Server(标准HTML页面浏览器自动刷新),修改默认的浏览器在插件的manage->extension settings->live server>custom browser-chrome(或其它)。

liver server的自动刷新配合vs code自动保存效果更好,修改vs code自动保存方法为:setting->commonly used->auto save修改为after delay,after delay默认1000毫秒,可修改。

5.插件:javascript (es6) code snippets,javascript代码补全库。

6.插件:open in browser,用于右键增强,使用浏览器打开html页面。

7.vs code创建html文件时生成html模板:

点击工程(文件夹)后面的添加文件图标,添加一个html文件,在生成的文件中先输入!,再按tab键,生成html模板。

<!DOCTYPE html>

<html lang="en">

 <head>

    ....................

  <title>Document</title>

 </head>

 <body></body>

</html>

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值