查看“Visual Studio Code的安装与配置”的源代码

== 所需软件 ==
* [ftp://sinoftp@192.168.0.99/java/nodejs/VSCodeSetup-x64-1.19.1.exe VSCodeSetup-x64-1.19.1.exe]

== 安装Visual Studio Code及扩展 ==

双击运行安装程序，按照导航完成安装。

安装完成后，运行<code>VS Code</code>，单击左侧的方形扩展图标，打开扩展商店；

在搜索栏中输入：<code>TSLint Vue</code>，安装后点击<code>重新加载</code>按钮；

在搜索栏中输入：<code>Vetur</code>，安装后点击<code>重新加载</code>按钮；

在搜索栏中输入：<code>SVN</code>，安装后点击<code>重新加载</code>按钮；

注意：要在<code>VS Code</code>中使用<code>SVN</code>进行源代码管理，必须打开<code>Tortoise SVN</code>的<code>SVN命令行工具</code>。
打开方式如下：<br />
1 打开控制面板，点击<code>卸载程序</code>）（Windows 7或以下系统：<code>程序和功能</code>）；<br />
2 在应用程序列表中找到<code>Tortoise SVN</code>并右击，在菜单中选择<code>更改</code>；<br />
3 在弹出的向导窗口中，点击下一步；<br />
4 选择<code>修改</code>（如果打开界面为英文，则选择<code>Modify</code>）；<br />
5 在功能列表中，点击<code>命令行工具</code>前的图标，选择<code>完整功能安装</code>（如果打开界面为英文，则选择<code>Entire feature will be installed on local hard drive</code>），点击下一步；<br />
6 点击<code>安装</code>（英文：<code>Install</code>）按钮，等待安装完成。

== 配置Visual Studio Code的代码格式化 ==
1 点击菜单 文件 --> 首选项 --> 设置；

2 在右侧的“用户设置”编辑器中的大括号中加入如下内容：

<code>"editor.detectIndentation": false,</code>

<code>"git.ignoreMissingGitWarning": true,</code>

<code>"prettier.tabWidth": 4,</code>

3 关闭用户设置标签页；

== 打开工作区 ==

找到前端项目根目录下的<code>.code-workspace</code>文件（以项目<code>sino-demo-distributed-view</code>为例，工作区配置文件为：<code>sino-demo-distributed-view.code-workspace</code>），双击打开；

选择打开方式为<code>Visual Studio Code</code>并设为默认打开方式。

<code>VS Code</code>会默认保存最近一次打开的工作区。