Visual Studio Code的安装与配置 - 版本历史

2024年1月7日 (日) 04:55 Leon

2024-01-07T04:55:50Z

2020-08-01T10:18:59Z

2020-08-01T10:17:36Z

2020-06-03T08:49:26Z

‎配置Visual Studio Code的代码格式化

2019-09-05T03:36:39Z

‎安装Visual Studio Code及扩展

2019-09-05T03:35:35Z

‎安装Visual Studio Code及扩展

2019-08-07T02:44:41Z

‎创建工作区

2019-08-07T02:44:14Z

‎为工作区配置ESLint

2019-08-07T02:10:57Z

‎创建工作区

2019-08-07T01:50:01Z

‎为工作区配置ESLint

@@ 第1行： / 第1行： @@
 == 所需软件 ==
-* [ftp://ftpuser@47.92.209.132/nodejs/VSCodeUserSetup-x64-1.36.1.exe VSCodeUserSetup-x64-1.36.1.exe]
+* [https://code.visualstudio.com/#alt-downloads VSCodeUserSetup-x64-1.36.1.exe]
 == 安装Visual Studio Code及扩展 ==

@@ 第69行： / 第69行： @@
    },
    "eslint.codeAction.showDocumentation": {
      "enable": true
    },

@@ 第64行： / 第64行： @@
      "editor.defaultFormatter": "octref.vetur"
    },
-   "eslint.autoFixOnSave": true,
+  "html.format.wrapLineLength": 120,
-   "html.format.wrapLineLength": 120
+  "editor.codeActionsOnSave": {
+}

@@ 第38行： / 第38行： @@
      "end_with_newline": true, // 文件结束时增加空行
      "brace_style": "collapse,preserve-inline", // 大括号格式化设置
-     "wrap_line_length": 200
+     "wrap_line_length": 120
    },
    "vetur.format.defaultFormatter.html": "js-beautify-html", // vetur插件格式化html设置
@@ 第47行： / 第47行： @@
      "js-beautify-html": {
        "wrap_attributes": "auto", // 使html代码的属性保持在行内，除非达到最大行宽，否则不折行
-       "wrap_line_length": 200    // 最大行宽
+       "wrap_line_length": 120    // 最大行宽
+     }
    },
@@ 第65行： / 第65行： @@
    },
    "eslint.autoFixOnSave": true,
-   "html.format.wrapLineLength": 200
+   "html.format.wrapLineLength": 120
+}

@@ 第14行： / 第14行： @@
      TSLink Vue
      svn
-.建议安装的主题
+.建议安装的主题扩展
      Chinolor
 单击左侧的方形扩展图标，打开扩展商店；

@@ 第11行： / 第11行： @@
      Vetur
      Node Workspace Builder
 .需卸载的插件
      TSLink Vue
      svn
 单击左侧的方形扩展图标，打开扩展商店；
 在搜索栏中输入：<code>TSLint Vue</code>，卸载后点击<code>重新加载</code>按钮；

@@ 第84行： / 第84行： @@
+{
    "folders": [{
-       "path": "你的源代码文件夹路径\\leon-frame-first-front"
+       "path": "你的源码目录/leon-frame-first-front"
      }],
    "settings": {}

@@ 第96行： / 第96行： @@
 == 为工作区配置ESLint ==
-从菜单栏中选择<code>文件 -> 首选项 -> 设置</code>，切换到<code>工作区</code>标签页（位于搜索栏的下方），然后点击右上角的<code>{}</code>按钮，进入JSON文件编辑模式。在<code>settings</code>节中增加如下内容（此预览包含完整的<code>code-workspace</code>文件内容）：
+从菜单栏中选择<code>文件 -> 首选项 -> 设置</code>，切换到<code>工作区</code>标签页（位于搜索栏的下方），然后点击右上角的<code>{}</code>按钮，进入JSON文件编辑模式。
 <pre>
@@ 第102行： / 第106行： @@
+{
    "folders": [{
-       "path": "你的源代码文件夹路径\\leon-frame-first-front"
+       "path": "你的源码目录/leon-frame-first-front"
      }],
    "settings": {

@@ 第79行： / 第79行： @@
 或者你可以按照如下步骤直接创建<code>VS Code</code>工作区文件：
-新建文本文档，并输入如下内容：
+新建文件<code>工作区名称.code-workspace</code>，并输入如下内容：
 <pre>
@@ 第90行： / 第90行： @@
 </pre>
-保存，并修改后缀名为<code>.code-workspace</code>，双击并选择使用<code>Visual Studio Code</code>打开。
+保存，双击并选择使用<code>Visual Studio Code</code>打开。
 <code>VS Code</code>会默认保存最近一次打开的工作区。