写前端软件VScode的基本配置

时间:2024-04-02 15:26:10

插件

安装插件的位置是在软件的左侧,第五个小图标,点进去以后搜索插件名称,然后点击右下方绿色install小按钮安装就可,已经安装过的右下方显示的时卸载

写前端软件VScode的基本配置

  • 安装完成后页面是英文的,需要汉化,安装Chinese 插件,点击安装install即可
  • 一般写完代码需要在浏览器中运行,安装一个直接在浏览器中运行的插件:open in browser
  • 当修改完代码后,需要在浏览器中刷新,此时可以安装一个实时刷新的插件,不用手动在浏览器中刷新:live server
  • 修改标签名时,可以同步修改结束标签的插件: auto rename tag
  • 对代码进行格式化可以更好的看清代码结构,写css时发现不可以格式化,需要安装插件 :css formatter

对软件的基本设置

设置按钮在软件的左下角,点击设置以后,找到自己相应的设置即可

写前端软件VScode的基本配置

  • 第一个设置 自动保存 ,
    • 在设置中的常用设置:auto save 里面的off->afterdelay
    • 设置多长后自动保存:auto save delay ,默认是1000,代表的是1秒后自动保存
  • 第二个可以设置字号的大小,也是在设置中的常用设置
    • font size 根据自己的需求去设置,一般20px
  • 第三个设置:设置代码写到整个屏幕的宽度时自动换行,在设置中的常用设置
    • word wrap ,将off -> on即可
  • 第四个设置:在设置中的颜色主体,可以更改软件的颜色
  • 第五关设置:对自己常用的代码块进行保存,并快速调用。在设置中的用户代码片段