目录

一、VSCode介绍

二、官方下载地址

三、VSCode安装

1、点击我同意此协议,点击下一步;

2、点击浏览,选择安装路径,点击下一步;

3、添加到开始菜单,点击下一步;

4、根据需要勾选,点击下一步;

5、确认信息,点击安装;

四、开始使用VSCode

1、安装中文语言包并将显示语言改为中文,点击安装并重启;

2、访问所有内容只需要一个快捷方式;

3、点击浏览语言拓展,可以按需安装语言插件;

4、选择项目文件夹;

五、了解基础知识

1、优化设置,点击调整我的设置;

2、充电学习点击观看教程;

六、新建项目

1、由于vscode没有新建项目,所以只能手动新建文件夹导进去

2、然后创建文件,例如:HTML


一、VSCode介绍

VSCode 是一款由微软开发且跨平台的免费源代码编辑器;该软件支持语法高亮、代码自动补全、代码重构、查看定义功能,并且内置了命令行工具和 Git 版本控制系统。

二、官方下载地址

Visual Studio Code - Code Editing. Redefined

点击“Download for Windows” 下载Windows版本;点击Download选择下载其他版本;

在vscode上安装yarn vscode安装教程_新建项目

根据自己的情况选择合适的版本,进行下载

在vscode上安装yarn vscode安装教程_创建文件_02

三、VSCode安装

1、点击我同意此协议,点击下一步;

在vscode上安装yarn vscode安装教程_vscode_03

2、点击浏览,选择安装路径,点击下一步;

在vscode上安装yarn vscode安装教程_vscode_04

3、添加到开始菜单,点击下一步;

在vscode上安装yarn vscode安装教程_vscode_05

4、根据需要勾选,点击下一步;

在vscode上安装yarn vscode安装教程_vscode_06

5、确认信息,点击安装;

在vscode上安装yarn vscode安装教程_创建文件_07

四、开始使用VSCode

1、安装中文语言包并将显示语言改为中文,点击安装并重启;

在vscode上安装yarn vscode安装教程_创建文件_08

2、访问所有内容只需要一个快捷方式;

在vscode上安装yarn vscode安装教程_vscode_09

3、点击浏览语言拓展,可以按需安装语言插件;

在vscode上安装yarn vscode安装教程_创建文件_10

4、选择项目文件夹;

在vscode上安装yarn vscode安装教程_vscode_11

五、了解基础知识

1、优化设置,点击调整我的设置;

在vscode上安装yarn vscode安装教程_新建项目_12

2、充电学习点击观看教程;

在vscode上安装yarn vscode安装教程_新建项目_13

六、新建项目

1、由于vscode没有新建项目,所以只能手动新建文件夹导进去

在vscode上安装yarn vscode安装教程_新建项目_14

2、然后创建文件,例如:HTML

在vscode上安装yarn vscode安装教程_在vscode上安装yarn_15