Visual Studio Code 的安装及设置

Visual Studio Code ,一个运行于 Mac OS X、Windows和 Linux 之上的,针对于编写现代 Web 和云应用的跨平台源代码编辑器

安装

  1. 直接访问官网 https://code.visualstudio.com/
    Visual Studio Code 官网
  2. 选择对应的版本下载。
    Visual Studio Code下载
  3. 选择安装的位置,设置生成桌面快捷方式。
  4. 傻瓜式安装方式即可。

配置

认识 Visual Studio Code 的布局

在这里插入图片描述

设置插件的安装位置

默认的安装路径是:
插件的默认安装路径

  1. 已安装VSCode,并且已将其添加到了环境变量path中。
  2. 打开cmd,输入code --help。
  3. code --extensions-dir 你的目标文件夹,通过命令可以修改指定加载插件的位置。

  1. 修改快捷方式,指自定义插件的位置
    在这里插入图片描述
  2. 将上图中红色的指向型的内容修改为
"D:\VM\Microsoft VS Code\Code.exe  --extensions-dir 你指定的文件目录"

安装中文语言包

  1. 点击 扩展,输入 chinese ,选择 Chinese (Simplified) Language Pack for Visual Studio Code 进行安装。(我的已经是安装好的了,显示上不会有太大的差别。)
    安装中文插件包
  2. 安装完成之后会重启。重启之后,显示的便是中文。
  3. 可以观察 扩展 内容的位置显示 中文插件。
    在这里插入图片描述
  4. 执行操作说明显示内容为
    在这里插入图片描述

安装文件图标主题插件

VsCode中的图标插件,可以控制vscode中的文件管理的树目录显示图标。

  1. 选择设置的位置
    在这里插入图片描述
  2. 选择性安装 文件图片
    在这里插入图片描述
  3. 安装 vscode -icons 文件图标主题
    在这里插入图片描述
  4. 重载以启用。vs code 重启之后,点击右下角的激活信息。或者到【设置】–>【文件图标管理】–>【vscode icons】在这里插入图片描述
    在这里插入图片描述
  5. 启用之后的结果。
    在这里插入图片描述

VS code 设置 github。

  1. github 的配置正常,就可以在Visual Studio Code中直接使用了,不用其它配置,而且直接在图形界面中通过鼠标进行操作,非常方便(当然你也可以通过 github 的命令方式操作,结果都一样,建议使用 github 方便)。
  2. ”D“表示删除了文件,”M“表示了修改了已有文件的内容,“U”是为跟踪的文件。鼠标停留几秒,就会有显示。因为是中文的,很方便。
    源代码管理器
  3. 暂存文件: 单击系统菜单,然后执行”暂存所有更改“菜单命令则将改变了文件进行了暂存。界面会对已经暂存更改和没有暂存的更改进行显示。
    暂存所有更改
  4. 提交文件到本地仓库: 单击系统菜单,然后执行”全部提交“菜单命令。在右上侧的文本框中输入本次提交的一个备注信息,然后单击回车键则将暂存的文件全部提交到本地仓库中。
  5. 本地仓库中的文件推送至GitHub的远程仓库中: 单击系统菜单,然后执行”推送到“菜单命令。选择你自己的远程仓库的地址(通过上述配置好之后,此时会自动弹出选择列表供用户选择),系统就会自动将本地仓库中的文件推送至远程仓库中(网络传输需要一段时间)。
    在这里插入图片描述
  6. 查看远程仓库的文件: 推送完成之后,再次打开GitHub,就会发现远程仓库中的文件已经与本地仓库中的文件同步了。

更新错误。

  • failed to install VS Code update / ENOENT: no such file or directory,C:\Users\zhao\AppData\Local\Temp\vscode-update-system-x64,
  • 解决方案(visual studio code关闭自动更新)如下操作:
    在这里插入图片描述
    在这里插入图片描述

项目

Java Web 项目。

  1. 需要的插件非常多。添加足够的插件如下。(我是导入了一个 web 项目,除了下面的 tomcat for java ,其余的插件都有添加。)
  • Debugger For Java。
    在这里插入图片描述
  • Java Extension Pack。
    在这里插入图片描述
  • Java Test Runner。
    在这里插入图片描述
  • Language Support for Java™。
    在这里插入图片描述
  • Maven for Java 。
    在这里插入图片描述
  • Tomcat for Java。
    在这里插入图片描述
  1. 使用 vs code 打开(或者手动创建Java web项目)。
    我是将之前的项目导入的
  2. 运行 tomcat
    在这里插入图片描述
  3. 利用命令行将项目打成 War 包
    在项目文件下选择第一个命令 会生成该项目文件夹命名的一个war包在这里插入图片描述
  4. 运行服务和项目
    右键生成的war包 选择 Run on Tomcat Server。
    在这里插入图片描述
    在这里插入图片描述
  5. 选择 war 包运行。

在调试前注意构建最新的 war 包

  • 1
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值