配置编辑器
改代码,首先我们得用一个好的编辑器,这样改起来才会舒服!
本章将以Vscode
为编辑器,解释如何安装和配置它。
好了,不啰嗦了,选择你的系统对应的教程吧
Windows系统
第一步:下载Visual Studio Code
- 直接访问官方网站下载:
- 打开浏览器,访问 Visual Studio Code官网 (opens in a new tab)。
- 点击首页的
Download for Windows
按钮,根据你的操作系统选择合适的版本下载。对于Windows用户,选择.exe
安装程序。
第二步:安装Visual Studio Code
- 运行下载好的安装程序:
- 双击下载完成的
.exe
文件开始安装过程。 - 在安装向导中按照提示操作就行,不过这里建议勾上所有
- 双击下载完成的
第三步:配置中文语言环境
-
启动已安装的VSCode:
- 在安装结束那里是可以自动打开的,不过如果你没有勾选的话可以:
- 找到桌面快捷方式或开始菜单中的Visual Studio Code图标并打开。
-
更换简体中文:
- 在侧边栏点击
Extensions
(扩展),或者按快捷键Ctrl + Shift + X
打开扩展管理面板。 - 在搜索框输入
Chinese (Simplified) Language Pack for Visual Studio Code
进行搜索。 - 找到对应插件后点击
Install
(安装)按钮,并在安装完成后点击Reload
(重启)使更改生效。
Linux系统
第一步:下载Visual Studio Code
- 访问官方网站下载.deb或.rpm包:
- 打开终端,使用wget命令下载适用于你的Linux发行版的deb或rpm包:
# 对于基于Debian/Ubuntu的系统
wget -O code.deb https://go.microsoft.com/fwlink/?LinkID=760868
# 对于基于Fedora/RHEL/CentOS的系统
wget -O code.rpm https://go.microsoft.com/fwlink/?LinkID=760867
第二步:安装Visual Studio Code
- 对于基于Debian/Ubuntu的系统:
sudo dpkg -i code.deb
sudo apt-get install -f # 如果出现依赖问题,执行此命令解决
- 对于基于Fedora/RHEL/CentOS的系统:
sudo rpm -ivh code.rpm
第三步:配置中文语言环境
启动已安装的VSCode,然后开始更换简体中文:
- 在侧边栏点击
Extensions
(扩展),或者按快捷键Ctrl + Shift + X
打开扩展管理面板。 - 在搜索框输入
Chinese (Simplified) Language Pack for Visual Studio Code
进行搜索。 - 找到对应插件后点击
Install
(安装)按钮,并在安装完成后点击Reload
(重启)使更改生效。
macOS系统
第一步:下载Visual Studio Code
- 访问官方网站下载.dmg文件:
- 打开浏览器,访问 Visual Studio Code官网 (opens in a new tab)。
- 点击首页的“下载”按钮,选择适用于macOS的.dmg文件进行下载。
第二步:安装Visual Studio Code
- 打开下载好的.dmg文件:
- 在Finder中找到并双击已下载的
.dmg
文件,然后将Visual Studio Code图标拖拽至“应用程序”文件夹以完成安装。
- 在Finder中找到并双击已下载的
第三步:配置中文语言环境
-
启动已安装的VSCode:
- 打开“应用程序”文件夹,点击Visual Studio Code图标运行程序。
-
更换简体中文:
- 在侧边栏点击
Extensions
(扩展),打开扩展管理面板。 - 在搜索框输入
Chinese (Simplified) Language Pack for Visual Studio Code
进行搜索。 - 找到对应插件后点击
Install
(安装)按钮,并在安装完成后点击Reload
(重启)使更改生效。
在安装完上述所说的Vscode
编辑器后,我们需要在编辑器中打开我们的项目
在弹出的窗口中按照图示选择
这样,你就配置好了你的编辑器环境,打开了项目文件夹