WithCoderWithCoderWithCoder

Visual Studio Code(VSCode)安装教程(附带安装Yarn)

VSCode是一款十分出色的ide开发工具,凭借免费,开源,轻量,跨平台的特性,越来越多的开发者选择使用它。因为有时换机器,需要重新搭建开发环境,本文记录VSCode的搭建过程,并附带介绍如何安装配置包管理器Yarn。

首先下载VSCode安装包,直接去官网下载:

    https://code.visualstudio.com/

打开官网后如下图

1-20030622254VN.png

点击“Download for Windows”,即可以下载最新版本。本文下载的最新版为1.42.1。

安装

双击下载的exe安装文件,启动安装

1-20030622293Q30.png

接受协议,点击下一步

1-200306223024141.png

选择安装的目标位置(根据自己实际情况选择即可),然后点击下一步

1-200306223201222.png

选择创建桌面快捷方式并添加到Path,点击下一步

1-20030622324L49.png

点击安装,开始软件的安装,很快会安装完成,如下图

1-200306223525128.png

然后点击完成,启动VSCode,启动后展示welcome欢迎界面(安装完成需要重启系统,不然执行node -v等命令会提示错误)。

1-200306230242P3.png

安装Yarn包管理器

做前端开发时,安装好node后,同时会安装包管理器NPM。不过本人习惯使用Yarn进行包管理,想了解更多Yarn的知识,可以参考https://yarn.bootcss.com/。下面简单介绍在VSCode中安装和配置Yarn国内镜像的方法。

除了官网下载,可以直接使用npm命令方便的进行安装(为了加快安装速度并防止安装失败,先将npm的仓库镜像设置成淘宝镜像:npm config set registry https://registry.npm.taobao.org)

     npm install -g yarn

安装完成后,如下图

1-20030GU626122.png

可以输入yarn -v查看已安装的版本和配置,如下图:

1-20030GUG3N4.png

因为网络原因,最好把Yarn的仓库地址配置为国内的镜像地址,本文配置成淘宝的镜像地址,配置方法如下,分别执行以下2条命令:

  yarn config set registry https://registry.npm.taobao.org --global
  
  yarn config set disturl https://npm.taobao.org/dist --global

欢迎分享交流,转载请注明出处:WithCoder » Visual Studio Code(VSCode)安装教程(附带安装Yarn)