vscode

VSCode中配置环境大概分以下几步： 下载安装VSCode 安装 C/C++ for Visual Studio Code 安装MinGW、配置系统环境变量 修改VSCode配置文件 首先打开VSCode 安装微软官方C/C++ for Visual Studio Code 在VSCode界面中快捷键Ctrl+P 呼出输入框输入 ext install c 1 弹出扩展商店选择第一个微软官方插件 使用MinGW安装g++编译 确认好安装目录后continue到完成，打开后左侧目录选择： All Packages - MinGW - MinGW BaseSystem mingw32-gcc-g++勾选。 mingw32-gdb必选，否则无法调试 。 其中gcc和g++为c和c++编译器 。 选择完全部想要安装的项后点击左上角 Installation - Apply Changes 由于是国外的资源可能会是漫长的下载甚至失败，万般皆下品惟有把墙翻。 配置系统环境变量Path 我的电脑 - 属性 - 高级系统设置 - 环境变量 - Path 重启VSCode 用VSC新建一个文件夹后，再文件夹中创建一个c文件，输入测试代码： #include <stdio.h> int main(int argc , char * args[]){ printf("hello my world \n

由于最近比较频繁使用VSCode这个软件写代码，然后里面有一个非常炫酷的打字特效插件，平时写代码的时候不会感觉太枯燥（其实就是装一下逼吧）！ 安装很简单，但是容易忘，所以这里整理一下具体的部署步骤。 1、在VSCode里搜索这个插件名字：Power Mode，可以看到第一个就是了，然后install即可。 2、然后在左下角的设置图标里选择设置。 3、然后在选择“用户”，接着打开页面右上角的“打开设置”图标。 4、然后在页面上输入一下代码即可： 1 "powermode.enabled":true, 2 "powermode.enableShake": false, 3 "powermode.presets": "particles", 4 "powermode.enableShake": false,//这个代表桌面是否震动 5 "powermode.presets": "particles",//这个是样式 5、最后，点击保存该文件即可。 　　这样就可以看到效果了，当然作为程序员，在写代码的时候比较炫酷吧，这样在长时间写代码的时候不会觉得厌倦。 　　当然，看个人的喜好吧，装一下这款插件也无妨，不用时去用户设置那里禁用即可。 来源： https://www.cnblogs.com/one-smile/p/12001501.html

上篇文章中，我们介绍了怎么利用visual studio code在本地编译生成docker镜像，这篇文章我们会介绍怎么利用Visual studio code 实时调试运行在容器中的node.js程序。 这里我们还会利用之前的项目node-todo, 环境搭建请参考上篇文章中的准备工作部分。 其实细心的同学会发现，在我们上篇文章中，通过vscode快捷命令添加dockerfile的时候，除了会添加dockerfile,docker-compose file还会添加一个docker-compose.debug.yml，这个是vscode添加的专门用来调试的compose文件， 让我们打开这个文件，就会看到如下配置： version: '2' services: node-todo: image: node-todo:latest build: context: . dockerfile: dockerfile environment: NODE_ENV: development MONGODB: {connectiongstring} ports: - 8080 : 8080 - 5858 : 5858 volumes: - . :/usr/src/app command: node --debug=5858 server.js 这里，我们会看到它多开了一个端口号5858

要使用es6，需要通过babel将es6转成es5的代码，才能在浏览器上运行。为了设置babel，在网上找了很多教程，最后参考了两篇文章，摸索着成功了。 参考这两篇文章： 基于vscode的node的ES2015(ES6)运行环境搭建 - 冬瓜猫的专栏 - CSDN博客 ES6开发环境配置 - chhpt的博客 - CSDN博客 具体设置步骤： 1、全局安装babel-cli cnpm install -g babel-cli 2、安装babel插件 cnpm install --save-dev babel-preset-env 3、项目根目录下新建.babelrc文件，内容为 { "presets":["env"], "plugins":[] } 4、项目根目录下新建.vscode文件夹，在里面新建launch.json 里面内容为 设置来源于： ES6开发环境配置 - chhpt的博客 - CSDN博客 { "version": "0.2.0", "configurations": [ { "type": "node", "request": "launch", "name": "启动程序", "program": "${workspaceRoot}/src/index.js",//需要编译的文件 "stopOnEntry": false, "args": [], "cwd"

这里以创建一个 php class 代码片段为例： command+shift+p 输入 snippet； 选择 Preferences: Configure User Snippets ； 然后输入 php 回车。 注意：步骤 3 要根据你想创建的代码片段所属文件类型进行选择，比如你想创建 java 代码片段，就需要输入 java。如果想创建不区分文件类型的全局代码片段，需要输入 glo 选择 New Globle Snippets file 之后回车。 此时编辑器打开一个 php.json 文件，修改为以下内容： { // Place your snippets for php here. Each snippet is defined under a snippet name and has a prefix, body and // description. The prefix is what is used to trigger the snippet and the body will be expanded and inserted. Possible variables are: // $1, $2 for tab stops, $0 for the final cursor position, and ${1:label}, ${2:another} for

Visual Studio Code不但跨平台，还有良好的扩展性。我们可以在 Visual Studio Marketplace 上找到各种各样的插件。这里分享下怎样制作一个简单的用于代码填充的插件。 自定义代码片段 键盘快捷键 Ctr+Shift+P 搜索关键字snippet： 选择HTML： 这个时候在 C:\Users\<user name>\AppData\Roaming\Code\User\snippets 下会自动创建一个 html.json 的模版文件： 现在可以在里面写一点东西了。这里是Dynamic Web TWAIN的代码： { "include": { "prefix": "dwt include", "body": [ "<script type=\"text/javascript\" src=\"https://www.dynamsoft.com/Demo/DWT/Resources/dynamsoft.webtwain.min.js\"> </script>" ], "description": "Include Dynamic Web TWAIN JavaScript library." }, "scan module": { "prefix": "dwt scan module", "body": [ "<input type=\"button\"

1. 安装eslint npm install eslint --save-dev // 或者 yarn add eslint --dev 2. 初始化配置文件 npx eslint --init //进入问题配置页面 完成后，添加react-hook的eslint插件 npm install eslint-plugin-react-hooks --save-dev // 或者 yarn add eslint-plugin-react-hooks --dev 并且在配置文件中添加配置项： // 你的 ESLint 配置 { "plugins": [ // ... "react-hooks" ], "rules": { // ... "react-hooks/rules-of-hooks": "error", // 检查 Hook 的规则 "react-hooks/exhaustive-deps": "warn" // 检查 effect 的依赖 } } 3.在VSCode的Extensions中安装Eslint 从插件说明中可知这个插件的默认配置文件位置： 它会默认查找当前工作目录下的根文件夹下的.eslintrc.*或者.eslintrc文件。即第2步生成的文件， 按照该文件的配置内容进行代码校验。 3. 错误分析 如果ESLint在VSCode中未起作用

我的电脑系统是windows10，windows具有用户友好的界面，但不适合用来搭建开发环境，所以本篇文章介绍的方法是：使用windows中的vscode打造远程服务器centos系统上的go语言开发环境。 1.下载并安装好vscode编辑器（安装时，将复选框全部勾上） 下载地址：https://code.visualstudio.com/ 2.vscode上安装Remote Development插件 第一步：按下快捷键Ctrl+Shift+X，进入插件管理页面，搜索并安装插件Remote Development 第二步：windows上安装openssh客户端，这里提供一个使用powershell安装的方法 首先，以管理员身份打开powershell 然后，输入命令在线查询可获取的安装包 Get-WindowsCapability -Online | ? Name -like 'OpenSSH*' 如果状态显示NotPresent的话，可以使用命令进行安装，命令为Add-WindowsCapability -Online -Name OpenSSH.Client~~~~0.0.1.0 提示：随着 Windows 10 2018 年 4 月更新的发布，OpenSSH 客户端已正式推出并在 Windows 10 中默认安装。 第三步：准备一台centos虚拟机或者ubuntu虚拟机

Ｗindows下切换前一次和后一次光标位置，用的快捷键是Alt+<-和Alt+->。很遗憾，Ubuntu下并不是这个快捷键。不清楚为什么VSCode不提供统一的快捷键，但对于我来说，我很想保持统一。 解决办法：安装插件，搜索"Windows default keybindings"，安装后立即切换所有快捷键为Windows下VSCode的快捷键。 来源： https://stackoverflow.com/questions/45840945/vscode-importing-keyboard-shortcuts 来源： https://www.cnblogs.com/zjutzz/p/11961684.html

vscode出现中文乱码问题 尝试了好几种方法 1 在首选项—设置–里面将false改成true 2直接在vscode里面扩展里面找到GBKtoUTF8插件安装重开编译器即可 成功!!!!! 来源： CSDN 作者： 蒋百里 链接： https://blog.csdn.net/qq_41150189/article/details/81333794