VSCODE - 技术教程文章
vscode中怎样格式化js代码【代码】
一、安装插件： Pretty Formatter Windows上的Visual Studio代码 - Shift+ Alt+F二、关闭文件自动化保存菜单文件 → 首选项 → 工作区设置{ // Controls if the editor should automatically format the line after typing"beautify.onSave": true,"editor.formatOnSave": true,// You can auto format any files based on the file extensions type."beautify.JSfiles": ["js","json","jsbeautifyrc","jshintrc","ts"] } 原文：...
在vscode中开发uni-app
在vscode中开发uni-app小程序开发：用原生还是选框架（wepy/mpvue/taro/uni-app）-- 第1季原文：https://www.cnblogs.com/hool/p/12396012.html
vscode python3 task.json配置【代码】【图】
一直用sublime，但是ubuntu下输入中文有问题，解决起来太麻烦；pycharm太重。虚拟机一开+Chrome打开10几个页面，然后再运行pycharm，静音轻薄笔记本CPU和8G内存基本都占满，风扇狂转，高频噪音从小本一侧出来，吵得耳朵疼。已经习惯上晚上静音工作之后，很难忍受。也越来越不习惯重型的IDE了，用python就是为了轻便灵活，代码和工具一样，越简洁越好。pycharm搞得越来越有VisualStudio的风范了。。。比较试用（折腾）了几天，相比之...
VSCODE 远程开发树莓派【图】
原文:VSCODE 远程开发树莓派1 安装VSCODE REMOTE SSH插件 2 打开插件配置 shift+ctlr+P , 输入remote-SSH:setting 勾选 Always reveal the SSH login terminal. 3 插件安装完成之后，左边菜单会多一个“远程资源管理器“ 4 创建一个远程 配置1 选择SSH Targets 2 点击 齿轮型“设置“”图标， 在弹出的选择列表中选择 C:\user\administrator\.ssh\config3 设置远程端口信息 5 打开远程连接到树莓派注意：树莓派需要联网，vs...
vscode自定义快捷键【图】
步骤：在vscode中：ctrl+shift+p，会出现一个弹窗 提示输入自定义的快捷键文件名称，输入之后，敲回车，打开一个文件：输入：snippet，会出现一个：首选项配置用户代码片段，你点击这个选项，会再次出现一个弹窗，点击新建全局代码片段文件 修改示例代码： 可以使用自定义的快捷键了 原文：https://www.cnblogs.com/moluxi/p/13025257.html
win10下使用vscode调试python输出中文乱码的解决办法【代码】
今天在vscode中调试一个python脚本时发现中文乱码了，折腾了好一会儿才找到原因，记录一下。 很简单的一句代码测试一下： # -*- coding: utf-8 -*-print(‘乱码不？‘) 文件编码设置的也是utf-8，但是调试就是乱码，网上看大都是说设置PYTHONIOENCODING=UTF8的环境变量，尝试过发现还是不行。 其实问题在于windows下的cmd或者PS终端都是默认GBK编码，VSCODE调试时是调用的cmd的，如果把文件头和编码都改成GBK就不会乱...
vscode配置eslint自动保存功能不生效【代码】【图】
今天给一个项目添加eslint, 按照网上的教程，配置完就是不生效，半天没解决， 后来终于解决了， 在此总结，把一些坑分享出去。1. vscode 扩展中安装eslint 2. eslint 扩展要是开启状态（开启关闭如果没生效，重启vscode即可）3.修改eslint 的 setting(配置)， 步骤如下 参考我的配置，可以直接复制过去：{"stylelint.enable": true,"eslint.options": { // 这个配置可以去掉，vscode 会自动找到根目录下的eslint配置文件， 如果配置...
vscode 常用插件
前端vscode 基础插件插件名称插件功能介绍推荐指数Auto Rename Tag标签自动补全?????Chinese (Simplified) Language Pack for Visual Studio Code编辑器汉化插件?????IntelliJ IDEA Keybindings编辑器 IDEA快捷键操作习惯插件????Live Server本地服务插件?????JavaScript (ES6) code snippetsES6 编码快捷键插件????? vue vscode插件插件名称插件功能介绍推荐指数Vetur必备的Vue开发工具?????vue-helpervue 组件、函数、方法跳转，...
Vscode下调试基于Homestead环境的Laravel框架【图】
PS:最近在学Laravel框架，本机IDE是Vscode，因为Vscode是真的好用！今天突然想调试php代码了，于是疯狂地在网上查资料，经过一上午的不懈努力，终于成功了！ 准备工作 首先环境要保证安装对了，如Homestead，还有virtual box ，vagrant之类的。相信你已经安装了完成了基本的开发环境。 1.接下来安装PHP debug,在VS Code扩展应用里安装该扩展： 2.然后登陆到Homestead上：$vagrant up $vagrant...
安装 VsCode 插件安装以及配置
安装vscode官方网站https://code.visualstudio.com/下载后1.双击vscode.exe 2.选择 我接受 3.一路下一步,遇到方框就选4.点击 安装按钮 vscode需要安装的插件1.汉化vscode : 在扩展插件里输入 chinese ,点击 install ,重启vscode2.代码在浏览器中运行 : 在扩展插件里输入 open in browser ,点击 安装 vscode常见的设置1.改变颜色主题 : 文件菜单 – 首选项 – 颜色主题 – light/dark 2.设置自动保存 : 文件菜单 –勾选 ...
VSCode调试设置【代码】
tasks.json{"version": "0.1.0","isShellCommand": true,"args": [],"tasks": [{"taskName": "build_console","command":"dotnet""args": ["build", //组成dotnet build//设置需要编译的项目，如果存在多个启动项目可以设置成解决方案文件（.sln）,这里只有一个项目所以设置运行项目也可以"${workspaceRoot}\\VSCodeTutorial.ConsoleApp\\VSCodeTutorial.ConsoleApp.csproj"],"isBuildCommand": true, //设置是否编译项目"problemM...
vscode使用SFTP同步代码到Windows上vmvare搭建的centos服务器上【图】
环境：自己Windows上安装的虚拟机centos，已配置好lamp环境想要在Windows的浏览器访问centos上的代码，实现Windows上的代码同步到服务器上，并能正确访问1、在Windows上新建一个文件夹，并用vscode打开2、给vscode安装插件 由于我已经安装好了，所以显示的不是安装，没有安装的会显示安装二字，点击安装即可。3、SFTP插件的配置按Ctrl+Shift+P，在顶部或弹出个输入框，在输入框中输入SFTP: config命令并运行，你将会看到如下界面，...
#linux vscode 保存总提示“Retry as sudo”【代码】
linux中，对不同路径下的文件，系统默认指定了不同的操作权限（读/写/执行），出现这个问题是由于文件的权限不足造成的。（路径为/opt/lampp/htdocs/LearnPHP_jayce/hello.php）。为其父级目录指定可读可写可执行权限：cd /opt/lampp/htdocs sudo chmod -R 777 LearnPHP_jayce/ 当然也可以给单独文件指定权限：cd /opt/lampp/htdocs/LearnPHP_jayce/ sudo chmod -R 777 hello.php 原文：https://www.cnblogs.com/jaycethanks/p/131...
vscode中文输出为乱码的原因及解决方法【图】
转载请注明出处！！！---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------问题：在vscode（其实不分...
VSCode中C/C++库文件的配置【代码】【图】
VSCode中C/C++库文件的配置之前一直在是用sublime做主要编辑器，现在主要使用VSCode，毕竟大厂制作，从目前的使用情况来看，我更喜欢使用VSCode编辑器。有时候会用VScode来组件C/C++工程，并且用到了一些外部依赖的库文件，比如OpenCV。此时希望VSCode的代码提示功能能够提示OpenCV中的函数，这时候就需要配置工作空间中的C/C++编译环境。如果你使用过sublime或者VSCode，就知道Ctrl+Shift+P可以调出控制窗口，那么先按下Ctrl+Shif...
(2)Flutter vscode安装【代码】【图】
1. vscode搜索Flutter点击安装Flutter会自动安装Flutter和Dart2.打开项目在vscode File-openFolder打开之前创建的项目成功显示3.创建虚拟机bat 建一个bat文件C:\Users\Mloong\AppData\Local\Android\Sdk\emulator\emulator.exe -netdelay none -netspeed full -avd Nexus_5X_API_25-netdelay 延迟-netspeed 速度-avd 虚拟机名字 空格用_代替双击文件测试打开vscode F5运行 原文：https://www.cnblogs.com/buchizaodian/p/1026485...
使用VSCode进行Arduino与ESP32开发配置指南【代码】【图】
1、前言最近相信小伙伴们都关注到了STM32这类芯片价格都涨到没边了，以前十几二十一片的现在直接飙到接近两百一片，买最小系统比直接买芯片划算，这还怎么愉快的玩耍，害！对于一些喜欢自己动手定制主板，同时对主板尺寸有需求的小伙伴可能就难受了，除了扣原来费板上的芯片之外，我的目光转向了国产芯片-ESP32，ESP32是一款国产芯片，可提供完整的WiFi和蓝牙功能，是集成2.4GHzWi-Fi和蓝牙双模的单芯片方案，采用台积电（TSMC）低...
VScode 配置c/c++环境（结合各大网站的blog和官方文档）【代码】
第一步：下载mingw64首先，在各大搜索引擎上搜索mingw64，进入其官网下载即可 需要注意的是，下载默认的是先从网页上下载下载器，再进行选择下载。但是在部分电脑上下载会出现什么mingw64.txt错误； （十分诡异的是，当我现在用这个方法进行的时候那个错误又不见了~~~）所以这时候你就需要再次返回官方寻找最新的压缩包，最后解压到你所需要的路径下就行ps：其实如果你又安装其他c/c++的IDE，其实可以从那些软件中寻找到mingw，我当...
vscode 配置 react+typeScript 开发环境【代码】【图】
电脑环境：需要先安装好 1. nodejs （官网下载安装，安装8.0以上版本， 使用 node --version 查看是否安装成功）2. npm （安装好node时跟着就安装好了npm，使用 npm -v 查看是否安装成功）3. typescript （打开终端命令，输入 npm install -g typescript ，输入 tsc -v 查看是否安装成功） vscode 中搭建 react + typeScript 开发环境1. 新建一个空文件夹，比如命名为 react_add_ts 2. 在vscode中打开这个文件夹，注意这时候...
vscode的Python插件更换python版本后无法识别python启动程序解决方法【图】
1.首先找到你的Python安装路径，路径分为Python安装包的和微软商店的2.打开[设置],找到[[扩展]列表的Python3.找到"Default Interpreter Path",输入框里的就是Python路径，修改成你的Python路径就可以了 或者打开Python插件的settings.json(在Auto Complete:Extra Paths那里) 找到"python.defaultInterpreterPath"一行，冒号后面的就是python路径,把你的python路径复制进去（都一样的）4.保存 如果是微软商店安装的就需要到"C:...
【Liunx】manjaro 配置vscode python开发环境【代码】【图】
第一步：安装vscode我们去AUR (en) - Home上搜索vscode，结果中有visual-studio-code-bin所以我们直接使用yaourt或者yay安装即可yaourt -S visual-studio-code-bin第二步：启动vscode，安装拓展vscode安装完之后默认界面是英文的，不习惯的可以安装chinese拓展，然后重启vscode即可。安装python拓展，步骤一样，在搜索框中搜索python，安装第一个即可配置环境一般来说安装完python之后默认会配置好python解释器，但是如果没有则需要...
VScode中用sftp自动上传dist文件【代码】【图】
1、sftp 的安装和配置 在Visual Studio Code 中安装 sftp 扩展，安装完成后在工作空间中，按Ctrl + Shift + P并输入：sftp config 这个命令会在.vscode中添加sftp.json文档，按需求修改其中的项目{"host": "", // 服务器ip"port": 22, // 端口，sftp模式是22"username": "", // 用户名"password": "", // 密码"protocol": "sftp", // 模式"agent": null, "privateKeyPath": null,"passphrase": null,"passive": false,"i...
VScode格式化后单引号变双引号解决办法【图】
今天前端大佬让我按照前端开发规范格式写代码，强调了js中声明的变量要用单引号去写，之前都是用双引号写的，虽然不影响使用，但是还是重新规范一下吧。于是我就进行了傻瓜式操作，Ctrl C/ Ctrl V，然后我想格式化一下代码就进行了shift+Alt+F,，结果辛辛苦苦改的单引号又变成了双引号，比较气愤、、、，于是就查了一下解决办法。首先在根目录下创建.prettierrc.json文件 文件中写： { "singleQuote": ...
Mac 下搭建环境 homebrew/git/node.js/npm/vsCode...【代码】
主要记录一下homebrew/git/node.js/npm的命令行安装很简单，下面开始：1. homebrew 也是一个包管理工具：mac 里打开终端命令行工具，粘下面一行回车，/usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"2. git：同样接着在终端里输入以下回车安装gitbrew install git检查git当前版本：git --version我的是：git version 2.11.0 (Apple Git-81)3. nodejs: 安装同2brew install ...
解决vscode 电脑卡顿【图】
在安装了vscode之后，发现电脑很卡，cpu使用率高达100%。解决方法：打开vscode之后，点击文件==>首选项==>设置搜索设置search.followSymlinks然后在右侧用户自定义设置中将这个值改为 falsesearch.followSymlinks = false 原文：https://www.cnblogs.com/suitongyu/p/12257233.html
使用vscode调试小段的typescript代码
最近在学习typescript。学习 嘛，当然免不了各种练习，试错。那么使用vscode就可以很方便的做到。首先是安装node.js。我们知道，node.js提供了js脱离浏览器的执行平台。node.js可以在官网下到，安装的时候下一步下一步就可以了。使用node.js的npm包管理工具安装插件。打开cmd输入一下命令安装全局插件（全局插件好像电脑上任何文件夹都可以访问,不过局部安装可以用tsconfig文件灵活的控制使用插件版本）:npm install -g ts-nodenpm...
vscode Nodejs 调试 相关总结【图】
Launch和 attach的区别 Launch的话是直接以debug模式运行一个js文件，遇到debugger后会停止 而Attach需要先开启一个运行在调试模式开启了debug端口的nodejs项目 资料：https://code.visualstudio.com/docs/nodejs/nodejs-debugging Debugger是如何工作的： 有系统调用叫ptrace，可以用一个进程去监视控制另一个进程的执，甚至让他暂停。获取另一个进程执行的调用栈.. 然后就可以构造出一个debugger。https://www.cnblogs.c...
vscode添加prettier格式化自动加分号问题【代码】
在vscode的settings.json中添加："prettier.singleQuote": true,"prettier.semi": false,不管别人有没有用，lz没用切实有效："vetur.format.defaultFormatterOptions": {"prettier": {"semi": false, // 格式化不加分号"singleQuote": true // 格式化以单引号为主} }, //分号和双引号确实不会再自动添加了，但是不会在方法括号之间插入空格，可以再加入这条配置即可 "javascript.format.in...
VSCode报错Vetur can't find 'tsconfig.json' or 'jsconfig.json'的解决方法【代码】
原因Vetur 0.31.0版本新增了一个vetur.config.js的配置文件，在这个版本之后，会优先查找项目中是否配有tsconfig.json（ts项目）或者jsconfig.json（js项目），没找到这2个文件就去找vetur.config.js，如果都没有，就会抛出这个提示。 说明VSCode的JavaScript支持可以在两种不同的模式下运行：文件范围（没有jsconfig.json）在此模式下，在VSCode中打开的JavaScript文件被视为独立单元。只要文件a.js没有显式引用文件b.ts（使用///...
VSCODE 配置eslint规则和自动修复【代码】
VSCODE 配置eslint规则和自动修复vscode安装以下插件EsLint、vetur、Prettier - Code formattervscode设置了添加配置项，，默认会去查找你项目中的eslint配置文件 {"workbench.iconTheme": "material-icon-theme","explorer.confirmDragAndDrop": false,"explorer.confirmDelete": false,//配置eslint"eslint.autoFixOnSave": true, // 启用保存时自动修复,默认只支持.js文件"eslint.validate": ["javascript", // 用eslint的...