VSCodeUserSetup-x64-1.47.3 使用

  1. 下载: https://code.visualstudio.com/
    VSCodeUserSetup-x64-1.47.3 使用_第1张图片
    在这里插入图片描述

  2. 安装
    2.1 接受协议
    VSCodeUserSetup-x64-1.47.3 使用_第2张图片

2.2 可以更换安装地址
VSCodeUserSetup-x64-1.47.3 使用_第3张图片
VSCodeUserSetup-x64-1.47.3 使用_第4张图片

下一步 , 安装就可以了
环境变量会配置好
VSCodeUserSetup-x64-1.47.3 使用_第5张图片

  1. vscode 打开方式
    3.1直接快捷键打开模式

VSCodeUserSetup-x64-1.47.3 使用_第6张图片

3.2命令行打开
在这里插入图片描述

VSCodeUserSetup-x64-1.47.3 使用_第7张图片
VSCodeUserSetup-x64-1.47.3 使用_第8张图片
VSCodeUserSetup-x64-1.47.3 使用_第9张图片
VSCodeUserSetup-x64-1.47.3 使用_第10张图片

  1. 命令面板
    在vscode中输入ctrl+shift+p
    VSCodeUserSetup-x64-1.47.3 使用_第11张图片

  2. 代码编辑快捷键

         快速格式化: alt+shift+f
         复制当前行代码:alt+shift+ 上下箭头
         单行注释: ctrl+/
         块注释:  选中后  alt+shift+a
         删除代码: 光标所在行ctrl+shift+k
         移动到行首:home(笔记本若home与←共用,按住fn+home)
         移动到行尾:end笔记本若home与→共用,按住fn+end)
         移动到文档的开头和末尾:fn +↑   或者fn+↓
         回到光标上次的位置: ctrl+u 
         批量修改变量名: 按住alt键,逐一点击你要修改的变量名,然后你是加1,还是怎么操作。
                  ![在这里插入图片描述](https://img-blog.csdnimg.cn/20200804175050927.png)
    

VSCodeUserSetup-x64-1.47.3 使用_第12张图片
VSCodeUserSetup-x64-1.47.3 使用_第13张图片
也可以选中你要统一操作的块,然后alt+shift+i ,也可以批量操作

  1. 插件

汉化:

VSCodeUserSetup-x64-1.47.3 使用_第14张图片


自动重命名标签

VSCodeUserSetup-x64-1.47.3 使用_第15张图片

主题

VSCodeUserSetup-x64-1.47.3 使用_第16张图片
VSCodeUserSetup-x64-1.47.3 使用_第17张图片
VSCodeUserSetup-x64-1.47.3 使用_第18张图片
运行js 的方式一:
VSCodeUserSetup-x64-1.47.3 使用_第19张图片
VSCodeUserSetup-x64-1.47.3 使用_第20张图片
若出现如上错误,

  1. 安装上node.js :https://nodejs.org/en/
  2. 如下图这样执行“在这里插入图片描述
    运行js 的方式二:
    安装插件 :
    VSCodeUserSetup-x64-1.47.3 使用_第21张图片
    VSCodeUserSetup-x64-1.47.3 使用_第22张图片

打开在浏览器

VSCodeUserSetup-x64-1.47.3 使用_第23张图片
VSCodeUserSetup-x64-1.47.3 使用_第24张图片

项目管理

VSCodeUserSetup-x64-1.47.3 使用_第25张图片
VSCodeUserSetup-x64-1.47.3 使用_第26张图片
在这里插入图片描述
在这里插入图片描述
VSCodeUserSetup-x64-1.47.3 使用_第27张图片
VSCodeUserSetup-x64-1.47.3 使用_第28张图片
VSCodeUserSetup-x64-1.47.3 使用_第29张图片

本地服务器:

VSCodeUserSetup-x64-1.47.3 使用_第30张图片

VSCodeUserSetup-x64-1.47.3 使用_第31张图片
VSCodeUserSetup-x64-1.47.3 使用_第32张图片

VSCodeUserSetup-x64-1.47.3 使用_第33张图片

VSCodeUserSetup-x64-1.47.3 使用_第34张图片

若做服务器端开发的时候,真机测试必须使用http协议方式访问


**

vscode icon

**
VSCodeUserSetup-x64-1.47.3 使用_第35张图片
VSCodeUserSetup-x64-1.47.3 使用_第36张图片

VSCodeUserSetup-x64-1.47.3 使用_第37张图片


**

快速对类和函数注释 按两次ctrl+alt+d

**

VSCodeUserSetup-x64-1.47.3 使用_第38张图片
VSCodeUserSetup-x64-1.47.3 使用_第39张图片


支持sql语句

VSCodeUserSetup-x64-1.47.3 使用_第40张图片
项目中新建一个.sql 文件,当打开时,会让你安装mysql 扩展,直接install就可以
在这里插入图片描述
再次在刚的.sql文件中,输入insert 后就会看到如下效果:
VSCodeUserSetup-x64-1.47.3 使用_第41张图片


gitignore

: git中使用 ,一般情况下git会将整个项目提交,若有不想提交的需要手动添加文件路径到新建的.gitignore 中,若安装这个这个插件可以直接选择文件后,加入到.gitignore 中
VSCodeUserSetup-x64-1.47.3 使用_第42张图片
VSCodeUserSetup-x64-1.47.3 使用_第43张图片

在这里插入图片描述

引入文件分析:计算文件的大小

VSCodeUserSetup-x64-1.47.3 使用_第44张图片

快速将截图粘贴到markdown文件

VSCodeUserSetup-x64-1.47.3 使用_第45张图片
代码片段 :事先定义一堆代码,然后通过一个关键字触发这段代码 简写
VSCodeUserSetup-x64-1.47.3 使用_第46张图片
VSCodeUserSetup-x64-1.47.3 使用_第47张图片

VSCodeUserSetup-x64-1.47.3 使用_第48张图片
VSCodeUserSetup-x64-1.47.3 使用_第49张图片
VSCodeUserSetup-x64-1.47.3 使用_第50张图片

用的时候直接写log,选择你的那个描述
VSCodeUserSetup-x64-1.47.3 使用_第51张图片
在这里插入图片描述

VSCodeUserSetup-x64-1.47.3 使用_第52张图片
在这里插入图片描述
VSCodeUserSetup-x64-1.47.3 使用_第53张图片
vue 代码高亮
VSCodeUserSetup-x64-1.47.3 使用_第54张图片

你可能感兴趣的:(前端,visual,studio,code)