Visual Studio Code的安装与配置

Leon讨论 | 贡献2019年4月15日 (一) 11:47的版本

所需软件

安装Visual Studio Code及扩展

   Auto Close Tag
   Auto Rename Tag
   Beautify
   ESLint
   JavaScript (ES6) code snippets
   SVN
   Vetur
   Prettier


单击左侧的方形扩展图标,打开扩展商店; 在搜索栏中输入:TSLint Vue,安装后点击重新加载按钮;


配置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会默认保存最近一次打开的工作区。