Run Code

js 代码在 Node 环境下运行

js 文件右键 Run Code

compile hero

非正式化的 Less 编译器，袁老师英雄联盟集训营课程中用过

文件 -> 首选项 -> 设置 -> 扩展 

设置 compile hero 选项

取消勾选 JavaScript-output-toggle，避免对 js 造成编译

设置 LESS-output-directory 为 ./，将 LESS 编译的结果放到当前目录

取消勾选 Disable-compile-files-on-did-save-code，这样就可以在保存代码时自动完成编译

VsCode 中 ctrl+s 后会在当前目录下自动生成 dist 目录的方法 https://www.jb51.net/article/196073.htm

Live Server

安装这个 Ritwick Dey 作者的版本

Easy LESS

两步实现 less 自动编译

1. 从 vscode 商店中下载 Easy LESS 插件

2. 配置

配置 settings.json 文件：文件 - 首选项 - 设置 - 搜索设置 settings.json

"D:/xampp/htdocs/remviewport/" 注意，路径后要加斜杠

{
  "less.compile": {
    "out": "D:/xampp/htdocs/remviewport/"
  }
}

写自己的项目路径，保存后会自动在同级目录下，生成相同名称的css文件至此，普通版的Less配置就完成了。

参考资料：

https://blog.csdn.net/qq_40128375/article/details/88351941
https://www.cnblogs.com/Porsche911/p/9778294.html
https://blog.csdn.net/Jioho_chen/article/details/82465607

markDown 插件

vscode 将 markdown 转换为 html 或 pdf 文件

在搜索框中搜索插件名字  Markdown Preview Enhanced 

https://www.jianshu.com/p/5d79b7dce976

https://www.cnblogs.com/halfsugar-ss/p/13381457.html

袁老师 VUE 公开课中提到得到插件

1 Auto Rename Tag：能够字段更改结束标签

2 Live Server：自动搭建本地服务器

3 Prettier-Code formatter：代码美化

4 Vetur：VUE组件格式化支持

5 vscode-icons：美化文件图标

6 typora：md工具（https://typora.io/  非VsCode插件，win系统安装版本）

7. Code Runer：安装后右键Run code，运行结果（要安装NodeJS）

vue 课程地址 https://ke.qq.com/course/2588158?taid=10108012260195838

vscode unins000.exe 报错，尝试在目标目录创造文件时发生错误

每次打开 vscode 总是弹窗 unins000.exe 错误，点中止可以停掉，但是还是很烦人

方法一：给 VS 的安装目录增加权限即可，直接给所有权限

方法二：将 vscode.exe 以管理员权限打开

转 https://blog.csdn.net/weixin_50523809/article/details/116976031

ubuntu18 的 vscode集成终端及代码文件显示字体间隙不正常问题的解决方案

https://blog.csdn.net/weixin_43455581/article/details/130294351

‌VSCode 设置中文界面

打开 VSCode，按住键盘上的“Ctrl+Shift+P”组合键，打开命令面板

在命令面板中输入“Configure Display Language”，选择该选项

在弹出的语言选择列表中，选择“zh-cn”表示简体中文

点击列表中的“Restart”按钮，重启 VSCode 界面将变为中文

‌通过安装中文语言包进行汉化‌：

打开 VSCode，点击左侧的扩展按钮，在搜索栏输入“chinese”

选择第一个简体中文插件，点击右下角的install按钮进行安装

安装完成后，按下组合快捷键“Ctrl+Shift+P”，输入“Configure Display Language”并选择简体中文

重启VSCode后，界面将显示为中文

vsCode 快速生成 vue 模板

在VSCode中快速生成Vue模板的核心方法是‌通过配置用户代码片段（User Snippets），设置特定前缀（如vue）后按Tab键自动生成标准Vue文件结构‌，支持Vue 2和3版本，无需额外插件。‌‌

1. 配置与使用步骤

‌打开用户代码片段设置‌：

快捷键 Ctrl + Shift + P（Windows）或 Cmd + Shift + P（Mac），输入“Configure User Snippets”并选择。‌‌

或通过菜单：文件 > 首选项 > 用户代码片段。‌‌

‌2. 编辑Vue代码片段文件‌：

搜索“vue”，选择或创建 vue.json 文件。‌‌

‌‌

3. 添加以下模板代码（以Vue 2为例）：

{
  "Vue Template": {
      "prefix": "vue2",
      "body": [
          "<template>",
          "    <div></div>",
          "</template>",
          "",
          "<script>",
          "export default {",
          "    data() {",
          "        return {};",
          "    },",
          "    methods: {},",
          "    computed: {}",
          "};",
          "</script>",
          "",
          "<style scoped>",
          "</style>"
      ],
      "description": "Generate Vue template"
  }
}

Vue 3需调整<script>部分为setup()语法。‌‌

4‌. 使用模板‌

新建 .vue 文件，输入前缀 vue 后按 Tab 或 Enter 键

5. 自定义与注意事项

在 body 中添加占位符（如 $1 表示光标位置）或扩展生命周期钩子。‌‌‌

6. 常见问题

若无效，检查 vue.json 格式（每行用双引号、逗号分隔）并重启VSCode。‌‌

需安装 Vetur 插件以增强Vue文件支持。‌‌7‌

转

https://www.baidu.com/s?tn=68018901_7_oem_dg&ie=UTF-8&wd=vscode%20%E5%BF%AB%E9%80%9F%E7%94%9F%E6%88%90vue%E6%A8%A1%E6%9D%BF