用户名:  密码:   
您当前的位置:首页 > 网页设计 >  Html+CSS > 

VSCode插件的安装

上次修改时间: 2024-08-25 18:35:23      来源:网络总结      作者:钢铁长陈
上一页      路径:DSD\Learn\Html与CSS\VSCode\      下一页

VSCode插件的安装

插件安装方法:打开软件后,点菜单栏的查看--扩展,或按C+S+X,打开扩展面板输入插件名回车就可以搜索出相应插件,点安装就可以了

查看安装的扩展插件: C+S+X,点左侧边栏右上角三点--视图--已安装

常用插件
1 chinese(simplified ...) 简体中文语言包 安装后点C+S+P,输出display,点configuration display language,将其设为中文
 //用来汉化VSCode,安装后,重启软件就可以了

2 live server html 实时预览,一个小的web服务器,貌似只支持html5+css,不支持PHP,ASP这些后缀的文件
 1)配置:点菜单栏的查看--扩展,在扩展面板点击live server后面的齿轮--扩展设置,在Custom Browser那里把默认浏览器设为chrome
 2)点菜单栏的查看--资源管理器--打开文件夹,新建一个test的文件夹,选择打开,点test后的新建文件,输入index.html,随便输入一些代码后保存
 3)在代码框的任意位置右击--Open with live server就可以看到效果了
 4)注:当系统提示windows找不到文件chrome时,点菜单栏的查看--扩展,在扩展面板点击live server后面的齿轮--扩展设置,点击右边的“在Setting.json中编辑”会打开配置文件,在里面输入一行:
 "liveServer.settings.AdvanceCustomBrowserCmdLine": "C:/Users/ADMINI~1/AppData/Local/Google/Chrome/Application/chrome.exe" //这里的chrome文件的路径,注意把默认的\改为/,否则提示错误


3 prettier-code formatter 最流行的代码格式化插件, 使用:S+A+F。 貌似只能格式化html,不能格式PHP,PHP要安装,

4. code runner  安装该插件后按C+A+N可运行选择的代码,C+A+M停止运行,但执行PHP乱码
5. Auto Rename Tag  自动改标签的,如<h1></h1>改<h2></h2>,只需开启标签,结束标签自动改
6. Bracket Pair Colorizer 给每对括号{}设置不同颜色便于区别

更多插件见:http://liziyu.com/archives/284/