Visual Studio Code的安装与配置
所需软件
安装Visual Studio Code及扩展
双击运行安装程序,按照导航完成安装。
安装完成后,运行VS Code,单击左侧的方形扩展图标,打开扩展商店;
在搜索栏中输入:TSLint Vue,安装后点击重新加载按钮;
在搜索栏中输入:Vetur,安装后点击重新加载按钮;
在搜索栏中输入:SVN,安装后点击重新加载按钮;
注意:要在VS Code中使用SVN进行源代码管理,必须打开Tortoise SVN的SVN命令行工具。
打开方式如下:
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会默认保存最近一次打开的工作区。