Visual Studio Code的安装与配置

Leon讨论 | 贡献2019年4月11日 (四) 19:25的版本 (创建页面,内容为“== 所需软件 == * [ftp://sinoftp@192.168.0.99/java/nodejs/VSCodeSetup-x64-1.19.1.exe VSCodeSetup-x64-1.19.1.exe] == 安装Visual Studio Code及扩展 == 双击…”)
(差异) ←上一版本 | 最后版本 (差异) | 下一版本→ (差异)

所需软件

安装Visual Studio Code及扩展

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

安装完成后,运行VS Code,单击左侧的方形扩展图标,打开扩展商店;

在搜索栏中输入:TSLint Vue,安装后点击重新加载按钮;

在搜索栏中输入:Vetur,安装后点击重新加载按钮;

在搜索栏中输入:SVN,安装后点击重新加载按钮;

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

配置Visual Studio Code的代码格式化

1 点击菜单 文件 --> 首选项 --> 设置;

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

"editor.detectIndentation": false,

"git.ignoreMissingGitWarning": true,

"prettier.tabWidth": 4,

3 关闭用户设置标签页;

打开工作区

找到前端项目根目录下的.code-workspace文件(以项目sino-demo-distributed-view为例,工作区配置文件为:sino-demo-distributed-view.code-workspace),双击打开;

选择打开方式为Visual Studio Code并设为默认打开方式。

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