工欲善其事,必先利其器。

要学习Vue,也要准备好学习环境。

这里我使用的是Visual Studio Code。

1 下载 Visual Studio Code

Visual Studio Code可以到 https://code.visualstudio.com/download 下载。

Vue学习笔记2:安装Visual Studio Code_HTML

对于Windows来说,有一个问题,就是这里提供的都是64位版本。

而我使用的是32位的Windows,于是bing搜索了32位Visual Studio Code的下载地址:https://go.microsoft.com/fwlink/?LinkID=623230

下载得到了VSCodeSetup-ia32-1.83.1.exe

 

文件说明符 : D:\dev\VSCodeSetup-ia32-1.83.1.exe

属性 : A---

数字签名:Microsoft Corporation

PE文件:是

语言 : 语言中性

文件版本 : 1.83.1              

说明 : Visual Studio Code Setup                                    

版权 :                                                                                                      

备注 : This installation was built with Inno Setup.

产品版本 : 1.83.1                                            

产品名称 : Visual Studio Code                                          

公司名称 : Microsoft Corporation                                        

源文件名 :                                                    

创建时间 : 2024-9-12 23:47:43

修改时间 : 2024-9-13 0:4:51

大小 : 91074856 字节 86.876 MB

MD5 : b69740fe6a740dfe9b8d7507fb0539de

SHA1: 0C7B6D927D9844D7331A6F8F5DAABB46FCD51777

CRC32: 6f041f10


2 安装和配置 Visual Studio Code

2.1 安装 Visual Studio Code

双击运行VSCodeSetup-ia32-1.83.1.exe,钩选接受协议,按照提示安装就可以了。


2.2 配置 Visual Studio Code

安装完成后Visual Studio Code自动打开,需要进行配置。

这时界面是英文的,可以先接受默认设置,以后再根据需要修改。

Vue学习笔记2:安装Visual Studio Code_Visual_02

Vue学习笔记2:安装Visual Studio Code_重启_03

Vue学习笔记2:安装Visual Studio Code_Code_04

2.3 升级 Visual Studio Code

窗口左侧边栏底部(窗口左下角)的齿轮图标提示有更新。

Vue学习笔记2:安装Visual Studio Code_Visual_05

点击"Install Update……"进行安装。

Vue学习笔记2:安装Visual Studio Code_Visual_06

安装完成后,窗口右下角提示为了应用更新,要重启Visual Studio Code。那我们就重启吧。

Vue学习笔记2:安装Visual Studio Code_Visual_07

重启后,窗口右下角提示这是32位的最终版本。

Vue学习笔记2:安装Visual Studio Code_Visual_08

2.4 使用简体中文语言

这时Visual Studio Code的窗口语言是英文的,还是换成中文更直观一点。操作步骤为:

1.点击侧边栏的Extensions,或者使用快捷键Ctrl+Shift+x

2.输入chin

3.点击中文(简体)的Install按钮

Vue学习笔记2:安装Visual Studio Code_Code_09

点窗口左下方NoTIFICATIONS窗口中的"Change Language and Restart"按钮。

Vue学习笔记2:安装Visual Studio Code_重启_10

重启之后,Visual Studio Code的界面语言就是中文的了。

Vue学习笔记2:安装Visual Studio Code_Visual_11