基本配置
vscode安装后虽然可以直接使用,但如果完成以下简单设置不仅可以提高开发效率,还可以避免一些出乎意料的错误。
Tab 键化为空格
首先,我们先观察右下角的状况是否为空格,如果如下图所示,那么即是使用将tab键替代为两个空格了,这里是可以点击的,不妨试试。
然后在设置面板里使用如下配置,将Tab Size的值设置为2。
统一结束符
项目上线、项目协作,如果不注意结束符的统一,可能会发生难以察觉的错误,为了避免这些错误,尽量统一使用LF作为结束符。
选择LF作为结束符,而不是windows默认的CRLF是因为在linux环境下结束符是LF,使用LF可以避免系统环境变化而产生错误,该配置需要在搜索框里输入 end of sequence ,然后再 Eol 里选择 \n 。
进阶插件
Settings Sync
Settings Sync是vscode配置异步存储,旧电脑上传好配置后新电脑只需从云端下载对应配置即可,可以节省大量时间,但操作内容较多,这里转载另一位博主的文章。
https://www.jianshu.com/p/4ffa3b0ad860
koroFileHeader
koroFileHeader是文件头注释,用于标注文件创建者、修改者、创建日期、修改日期等文本,方便在项目重构升级时找到开发者等,提高效率。
使用方法见另一篇文章或插件说明:
https://blog.csdn.net/kramer_light/article/details/108942172
jQuery Code Snippets
JQuery代码提示,输入部分字段提示相应代码,结果如下。
Auto Rename Tag
顾名思义,自动重命名对应的 tag 标签,这东西的使用见仁见智,根据开发习惯来选择。
引用
https://www.cnblogs.com/zhengqiang666/p/10725930.html
https://www.jianshu.com/p/4ffa3b0ad860
https://www.ityuan.com/blog/3429