“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及扩展 == 双击…”）
 
第3行： 第3行：
  
 
== 安装Visual Studio Code及扩展 ==
 
== 安装Visual Studio Code及扩展 ==
 +
    Auto Close Tag
 +
    Auto Rename Tag
 +
    Beautify
 +
    ESLint
 +
    JavaScript (ES6) code snippets
 +
    SVN
 +
    Vetur
 +
    Prettier
  
−
双击运行安装程序，按照导航完成安装。
 
  
−
安装完成后，运行<code>VS Code</code>，单击左侧的方形扩展图标，打开扩展商店；
 
  
 +
单击左侧的方形扩展图标，打开扩展商店；
 
在搜索栏中输入：<code>TSLint Vue</code>，安装后点击<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的代码格式化 ==
 
== 配置Visual Studio Code的代码格式化 ==

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

取自“https://gracesleon.com/index.php?title=Visual_Studio_Code的安装与配置&oldid=60”