【建议收藏】前端使用—VScode如何下载安装和使用(汉化)

【建议收藏】前端工具—VScode如何下载安装和前端使用

  • 一、下载
    • 1.1 下载VScode
  • 二、安装
    • 2.1 安装VScode
  • 三、前端开发如何使用
    • 3.1 用Vscode打开文件夹
    • 3.2 安装插件
      • 3.2.1 **安装汉化菜单插件:**
      • 3.2.2 安装打开网页插件:Open in browser
  • 四、 测试运行代码

一、下载

1.1 下载VScode

我已经下载好了,并且放到了CSDN的资源上面,可以点击下面的链接进行下载,然后直接安装。(也可以到官网下载,可能有点慢哦!)

  • CSDN:点击下载VScode安装包

  • 百度网盘:点击下载Vscode安装包

如果此连接有问题,可以直接私信我,我每天都看csdn。

二、安装

2.1 安装VScode

  1. 双击安装包后,点击我同意此协议,然后就下一步即可。
    【建议收藏】前端使用—VScode如何下载安装和使用(汉化)_第1张图片
  2. 第二步和第三步,是选择安装目录和菜单文件夹,默认目录即可,直接下一步。
    【建议收藏】前端使用—VScode如何下载安装和使用(汉化)_第2张图片
  3. 选择附加安装任务。此处尽量加上创建桌面快捷方式。这样你电脑桌面上面直接打开VScode快捷方式了。
    【建议收藏】前端使用—VScode如何下载安装和使用(汉化)_第3张图片
  4. 然后就是进度条,正在安装中,等待即可…
    【建议收藏】前端使用—VScode如何下载安装和使用(汉化)_第4张图片
    【建议收藏】前端使用—VScode如何下载安装和使用(汉化)_第5张图片
  5. 如果看到此页面后,说明安装成功啦。
    【建议收藏】前端使用—VScode如何下载安装和使用(汉化)_第6张图片

三、前端开发如何使用

3.1 用Vscode打开文件夹

概述: 指的是用vscode 打开一个文件夹, 以后的文件都会放入在这个文件夹中。
操作: 任意文件夹,拖拽至VS code空白位置即可

【建议收藏】前端使用—VScode如何下载安装和使用(汉化)_第7张图片

  • 测试:在当前文件夹下, 用vscode创建一个hello.html文件
    【建议收藏】前端使用—VScode如何下载安装和使用(汉化)_第8张图片
    【建议收藏】前端使用—VScode如何下载安装和使用(汉化)_第9张图片

3.2 安装插件

  • 操作步骤是:
    【建议收藏】前端使用—VScode如何下载安装和使用(汉化)_第10张图片

3.2.1 安装汉化菜单插件:

  1. 扩展工具中搜索chinese
  2. 点击install
  3. 重启vscode
    【建议收藏】前端使用—VScode如何下载安装和使用(汉化)_第11张图片
    当我们重启后,发现已经完成了汉化
    【建议收藏】前端使用—VScode如何下载安装和使用(汉化)_第12张图片

3.2.2 安装打开网页插件:Open in browser

【建议收藏】前端使用—VScode如何下载安装和使用(汉化)_第13张图片

重启后,右击页面显示如下,则安装成功啦。
【建议收藏】前端使用—VScode如何下载安装和使用(汉化)_第14张图片

四、 测试运行代码

【建议收藏】前端使用—VScode如何下载安装和使用(汉化)_第15张图片




  
  
  
  Document



 
 

{{ msg }}

{{ count }}

你可能感兴趣的:(前端,vscode,ide)