vs code 修改文件缩进、删除空白行、vscode常用插件、vscode配置git

一、修改文件缩进

百度这个问题的都是强迫症患者。

前人代码是2个空格缩进,我习惯3个, 

step1:打开  文件 —>  首选项 —> 设置,进入用户设置

 

step2:设置缩进量,(加两句代码)

 

step3:格式化代码(此时,页面缩进已经改变,但可能有部分代码仍是原缩进量)

    windows用户:Shift + Alt + F

 

二、删除代码空白行

 不喜欢代码有空行,看起来累,还会增大源文件。

 按下ctrl+h,选择使用正则匹配:^\s*(?=\r?$)\n ,再点全部替换,OK~

 

三、vscode常用插件

 1. Auto Rename Tag   自动重命名

 修改标签名时,会自动帮你修改结束标签名。

 2. Auto Close Tag   自动补充结束标签

 

 3. Bracket Pair Colorizer   括号加颜色

 帮助快速找到对应的结束括号,省得多或者少一个 半括号。

 4. Live Server   开本地服务

步骤:

      • 搜索插件live server,安装,重新加载  
      • 在编辑器右下角,有个live server,点击开启
      • 打开文件---首选项----设置,找到 live server config,在右侧覆盖设置liveserver的端口或者代理ip
      • 安装完毕后,开启服务,点击编辑器的右下角的Go live 
"liveServer.settings.host": "1.2.3.4", // ip
"liveServer.settings.port": 5500, //端口

5. cssrem  px转rem

安装步骤:

  • 在vscode的插件库,搜索 cssrem,安装,重新加载;
  • 打开设置的cssrem configuration,设置根字体大小;
  • 安装完,重新打开,再输入px,就会出现转换的rem值。
 "cssrem.rootFontSize": 16,

6. Vetur  (vue插件)

vue代码高亮、查错

7. vue vscode snippets  (vue插件)

快速生成代码块;

快捷键: vbase、vdata、vmethod、vcomputed、vwatcher ......

 

四、vscode配置git

首先确保,本地已经安装了git;

其次,打开vscode的设置,搜索git.path,然后编辑git.path(git的安装目录)。

"git.path": "E:/setup123/1111/Git/usr/bin/git"

  

posted on 2018-08-23 14:26  anyxl  阅读(3027)  评论(0编辑  收藏  举报