欢迎您访问 最编程 本站为您分享编程语言代码,编程技术文章!
您现在的位置是: 首页

如何在电脑上安装及设置 Visual Studio Code (VSCode) 的中文环境

最编程 2024-08-01 14:55:36
...

本文主要讲解工具VSCode的安装和中文配置;

VSCode 官方下载地址:​​VSCode下载​​ (https://code.visualstudio.com/)

Visual Studio Code (VSCode) 安装和中文配置_安装步骤

 选择与自己系统匹配的点击下载即可;

安装步骤没有什么特备要求,按照提示安装即可:

Visual Studio Code (VSCode) 安装和中文配置_安装步骤_02

 

 

 自定义安装路径,我这里选择的是E盘;

Visual Studio Code (VSCode) 安装和中文配置_下载地址_03

 

 

 Visual Studio Code (VSCode) 安装和中文配置_小程序开发_04

 

 

 Visual Studio Code (VSCode) 安装和中文配置_小程序开发_05

 

 

 等待安装好即可;

Visual Studio Code (VSCode) 安装和中文配置_安装步骤_06

 

 

 安装好后打开页面是这样子的:

Visual Studio Code (VSCode) 安装和中文配置_安装步骤_07

 

 

 鼠标点击任意空白处然后按F1 ;

输入或者直接查找Configure Display Language;

Visual Studio Code (VSCode) 安装和中文配置_安装步骤_08

 

 

 然后选择第二个:

Visual Studio Code (VSCode) 安装和中文配置_安装步骤_09

 

 

 搜索结果点击安装简体中文,点击绿色Install;

Visual Studio Code (VSCode) 安装和中文配置_小程序开发_10

 

 

 弹出这个就是安装完成,重启软件即可生效:

Visual Studio Code (VSCode) 安装和中文配置_下载地址_11

 

 完成:

Visual Studio Code (VSCode) 安装和中文配置_小程序开发_12

 VSCode插件下载:

 Visual Studio Code (VSCode) 安装和中文配置_下载地址_13

 比如下载经常使用的小程序开发助手:

 Visual Studio Code (VSCode) 安装和中文配置_小程序开发_14

 下载.less自动编译生成.wxss文件的插件 Easy LESS

Visual Studio Code (VSCode) 安装和中文配置_小程序开发_15

 

需要配置Settings.json文件:

文件 -- 首选项 -- 设置

Visual Studio Code (VSCode) 安装和中文配置_小程序开发_16

在里面输入:

1 "less.compile": {
2 "outExt": ".wxss"
3 }

 Visual Studio Code (VSCode) 安装和中文配置_安装步骤_17