Visual Studio Code 是微软推出的跨平台编辑器。它采用经典的VS的UI布局,功能强大,扩 展性很强。

下面主要讲解VScde的安装
中文文档下载路径:https://legacy.gitbook.com/book/jeasonstudio/vscode-cn-doc/details
官网软件下载路径:https://code.visualstudio.com/download

1.登录网站下载VScode软件,我选择的版本是VSCodeUserSetup-x64-1.41.1.exe,选择User Installer的64位的exe文件,

Visual Studio Code安装包镜像 visual studio code如何安装_Code


2.双击VSCodeUserSetup-x64-1.41.1.exe文件,进入安装,点击运行

Visual Studio Code安装包镜像 visual studio code如何安装_软件下载_02


选择物品接收协议,点击下一步

Visual Studio Code安装包镜像 visual studio code如何安装_Visual_03


注意到这一步的时候需要选择环境变量(这步骤也是默认的,因为改编辑器是微软提供的,会自动配置path),如果不选择需要自己手动配置

Visual Studio Code安装包镜像 visual studio code如何安装_软件下载_04


点击安装

Visual Studio Code安装包镜像 visual studio code如何安装_Visual_05


安装过程

Visual Studio Code安装包镜像 visual studio code如何安装_软件下载_06


点击完成,此时便可以启动Visual Studio Code

Visual Studio Code安装包镜像 visual studio code如何安装_Visual_07


启动软件

Visual Studio Code安装包镜像 visual studio code如何安装_Code_08


3.软件汉化

步骤1.Ctrl+Shift+P打开搜索框输入Configure Display Language命令,选择Install additional languages…

Visual Studio Code安装包镜像 visual studio code如何安装_Visual_09


进入Install additional languages…,点击install安装中文简体,注意:安装成功后需要关闭软件重新打开才生效

Visual Studio Code安装包镜像 visual studio code如何安装_Code_10


汉化后的软件目录,到此VScode安装完成,步骤佷简单,注意里面讲解的几个位置就可以了

Visual Studio Code安装包镜像 visual studio code如何安装_Code_11


5.导入本地项目

选择文件---->打开文件夹----->选择自己项目就可以了,下图是我导入的vue项目

Visual Studio Code安装包镜像 visual studio code如何安装_软件下载_12


打开集成终端:查看 –> 集成终端 或者直接按 ctrl+`或者ctrl+~

Visual Studio Code安装包镜像 visual studio code如何安装_Visual_13


输入命令cd web-vue 项目根目录

Visual Studio Code安装包镜像 visual studio code如何安装_Visual_14


运行项目输入命令 npm run dev,项目运行中

Visual Studio Code安装包镜像 visual studio code如何安装_软件下载_15


启动成功

Visual Studio Code安装包镜像 visual studio code如何安装_Visual_16


复制 http://localhost:8081 路径运行

Visual Studio Code安装包镜像 visual studio code如何安装_Visual_17


到此VScode的安装完成,如果有什么不会的可以评论,看到会及时回复