VSCODE - 技术教程文章
vscode中react代码格式化问题解决方案【代码】【图】
今天在学习的过程中遇到一个头疼的问题，react引入antd组件时代码被格式化的混乱，所以上网查了一些方法，并在此总结一下。 插件选择 这里我们使用prettier，如果安装过其它格式化插件建议卸载，个人感觉一个就够用了，好多插件会弄的有点混乱配置设置 在设置中随便选一个对settings.json进行编辑加入如下代码 "editor.formatOnSave": true, "editor.formatOnType": true, "editor.formatOnPaste": true,返回我们的react项目 右键选...
vscode调用系统CMD输出窗口中文乱码【图】
文章目录效果图痛点步骤图文点击左下角的开始按钮点击设置时间和语言其他日期 时间和区域设置更改位置管理勾选重启电脑效果图痛点网上的方法有以下几个，均尝试，没有用！ 修改系统环境变量 修改vscode用户设置 使用chcp命令就这么个小问题，说解决的也使用没有晒图出来，都是骗子，什么心态……解决方法：开始->设置->时间和语言->其他日期、时间和区域设置->区域.更改位置->管理.更改系统区域设置->勾选->重启步骤图文点击左下角...
vscode输出中文乱码解决方案【代码】【图】
背景 win10系统，编译器是MinGW 原因 出现乱码的原因一般都是编码问题，在vscode里面调用的是系统的终端，终端一般都是gbk的（runcoder、powershell、cmd），vscode一般默认utf-8；编码解码不匹配就乱码了呗， 解决办法 win10可以把电脑所有东西都设置成utf-8的 左下角设置------时间与语言 区域-------拉到下面找到，其他日期、时间和区域设置----------然后点击 区域 更改日期、时间和数字格式 ...
VScode 写 less转css和less转wxss【图】
前言：less一种css的预编译器，可以使我们很方便的书写样式，然后再通过转换，使less文件成为我们浏览器能识别的css样式文件。有一种专门用来将less文件转换为css文件的软件， koala。但是VScode中对于这中转换也有一个插件， Easy LESS 首先安装插件，安装完成后然后点击插件右下角的设置： 然后再点击在 settings.json 中设置最后，如果你是需要编写的less转换成微信小程序所识别的 wxss 文件的话，就在outEXT 配置后面写 .wxss ...
vscode 打不开chrome浏览器解决方案【图】
前言：最近不知道是更新vscode、浏览器或者杀毒软件原因，vscode 运行代码的时候突然不会自动打开浏览器了，经过多次查询与尝试总结出以下解决方案：一.方案一： 1.在vscode快捷方式上，右键选择以管理员身份运行 2.以Live Server扩展应用打开html示范如下 3.设置vscod始终以管理员身份运行 （每次都右键打开比较费事） 3.1、在vscode快捷方式上，右键选择属性 3.2 点击高级 3.3 勾选以管理员身份运行，确定 3.4 应...
八个非常实用的vsCode扩展插件，千万别错过了！【图】
vsCode是前端开发者们非常喜欢的开发程序之一，里面还提供了众多的扩展插件，帮助开发者们更好的使用它。今天小千就来给大家介绍八个非常实用的vsCode扩展插件，千万别错过了。一、Better CommentsBetter Comments帮助您在代码中创建更人性化的注释二、A-super-comprehensive代码补全合集(vue-webpack-bootstrap-node-mui-html-js-jquery-php-css-react-native)输入快捷方式就会得到相关完整代码，如：输入chs，得到自适应flexble代...
八个非常实用的vsCode扩展插件，千万别错过了！【图】
vsCode是前端开发者们非常喜欢的开发程序之一，里面还提供了众多的扩展插件，帮助开发者们更好的使用它。今天小千就来给大家介绍八个非常实用的vsCode扩展插件，千万别错过了。一、Better CommentsBetter Comments帮助您在代码中创建更人性化的注释二、A-super-comprehensive代码补全合集(vue-webpack-bootstrap-node-mui-html-js-jquery-php-css-react-native)输入快捷方式就会得到相关完整代码，如：输入chs，得到自适应flexble代...
使用VSCode调试Golang工程【代码】【图】
本篇文章给大家介绍一下使用VSCode调试Golang工程的方法。有一定的参考价值，有需要的朋友可以参考一下，希望对大家有所帮助。推荐学习：《vscode教程》 关键字 最简单的调试攻略多项目调试, 适用个人开发和项目开发无需修改系统环境变量 准备VSCode 在官网下载最新版的VSCode: Visual Studio Code - Code Editing. Redefined** 安装Golang插件 打开扩展面板 VSCode->查看->扩展找到Go插件 在搜索框里输入Go, 找到第二行写有 Rich ...
VScode+vim【代码】【图】
vim的安装 vim设计哲学 vim模式 普通模式进入插入模式 ① i/I光标前/行首前 ② o/O打开一行，下一行/上一行插入 ③ a/A光标后插入/行尾插入 普通模式进入可视模式 v: 进入可是模式，再次v进入普通模式 普通模式进入命令模式 : 普通模式进入命令模式 esc: 命令模式进入普通模式 jj: 插入模式进入普通模式 光标移动 普通模式下的移动 左上下右移动 h: 左 j: 上 k: 下 l: 右 单词的移动w: 跳到下一个单词开头 wo...
vscode扩展插件安装位置改变【图】
本人在vscode图标右键重新设置目标启动命令，各种报错，要么是路径不对，要么是原来的扩展插件出现错误。 后来用以下方式成功：插件默认位置：C:\Users\你的用户名\.vscode\extensions 第一步：找到插件位置，将extensions整个文件夹剪切到你想要的那个路径｛例如D：\｝（注意：是“剪切”不是“复制”）；第二步：此时使用管理员身份打开cmd(否则会提示“你没有足够的权限”)；第三步：输入mklink /D "C:\Users\你的用户名\.vscod...
vscode出现卡在setting up workspace loading packages问题【代码】
############################ 问题参考： https://github.com/golang/go/issues/42255 https://github.com/golang/go/issues/42081 解决办法：1，在windows的任务管理器里面杀掉所有go.exe进程,2，重启vscode ###########################
vscode插件
EsLint —— 语法纠错 Auto Close Tag —— 自动闭合HTML/XML标签 Auto Rename Tag —— 自动完成另一侧标签的同步修改 JavaScript(ES6) code snippets —— ES6语法智能提示以及快速输入，除js外还支持.ts，.jsx，.tsx，.html，.vue，省去了配置其支持各种包含js代码文件的时间 Path Intellisense —— 自动路径补全 HTML CSS Support —— 让 html 标签上写class 智能提示当前项目所支持的样式 Beautify——格式化代码，值得注意...
vscode保存自动格式化配置【代码】
首先需要装一些vscode插件 eslint、Vetur、Prettier Now 在左下角设置界面，打开设置，修改配置文件 settings.json {"workbench.colorTheme": "One Monokai","editor.fontSize": 14,"workbench.editor.enablePreview": true, //预览模式关闭"editor.formatOnSave": true, // #每次保存的时候自动格式化// 自动修复"editor.codeActionsOnSave": {"source.fixAll.eslint": true,},"eslint.enable": true, //是否开启vscode的eslint//...
VsCode快速生成vue代码片段【代码】【图】
1.点击文件 > 首选项 > 用户代码片段 2.新建或修改vue.json 3.将下列代码粘贴上去（可根据自己需要添加/删除） {"Print to console": {"prefix": "vue","body": ["<template>"," <div>\n"," </div>","</template>\n","<script>","export default {"," name:\"\","," components: {},"," props: {},"," data() {"," return {};"," },"," computed: {},"," watch: {},"," created() {},"," mounted() {},"," activit...
VSCode配置启动Vue项目
注意：这个是1.2版本的配置，现在1.3版配置已经不是这样了 下载安装并配置VSCode 随便百度上搜个最新的VSCode安装好后，点击Ctrl + Shit + X打开插件扩展窗口进行插件扩展，这里要安装两个插件。 1、vetur插件的安装 该插件是vue文件基本语法的高亮插件，在插件窗口中输入vetur点击安装插件就行，装好后点击文件->首选项->设置 打开设置界面，在设置界面右侧添加配置 "emmet.syntaxProfiles": { "vue-html": "html", "vue": "htm...
vscode的settings.json配置文件【代码】
###################### {"tabnine.experimentalAutoImports": true,"files.autoSave": "off","[go]": {"breadcrumbs.showArrays": true,"breadcrumbs.showClasses": true,"breadcrumbs.showConstructors": true,"breadcrumbs.showFields": true},"git.autorefresh": false,"gitlens.views.repositories.autoRefresh": false,"search.followSymlinks": false,"debug.allowBreakpointsEverywhere": true,"debug.console.closeOnEnd...
纯新手怎么使用vscode创建html【图】
本人后端的，没办法，被逼搞前端，连vscode都是问朋友才知道的，下载后中文啊插件这些都不难，我要搞个html文件 搞nm半天都搞不出来，贼难受。百度了也只说！ tab什么的，对新手有个卵用，就没人说第一步要搞个文件夹，然后再创建html文件，！谁tm不会按！！！！！！！！！！！！！！！！ 点开vscode-打开文件夹而不是新建一个文件，就可以创建了html页面了，！是快捷方式给你个模板
推荐四个事半功倍小工具（vscode也算小工具的话）【图】
1. Windows搜索工具：Everything特点：简洁而不简单, 支持多种类型、模糊搜索，相比windows自带的搜索工具强大N倍。Very Nice!!!2. 截图工具：Snipaste特点：体积小，功能多样，十分方便快捷。除了支持快捷键截图外，还支持获取图片像素RGB信息。3. 画图工具：Xmind、Edraw MaxXmind常用于画思维导入，关系图，而且免费版完全可以满足要求Edraw Max与Visio类似，可以绘制流程图、平面图、立体图等图形特点：画出的图可以很漂亮，但...
mac+vscode下无法安装go的库【代码】
报错：Installing github.com/ramya-rao-a/go-outline FAILED 在vscode中缺少插件，自动提示安装后失败。 问题发生原因：网络问题，FQ无法解决。一、设置代理 go env -w GO111MODULE=on go env -w GOPROXY=https://goproxy.cn,direct 二、 安装需要的库 1.手动安装 sudo go get -v 库地址 例如：sudo go get -v github.com/mdempsky/gocode 2.在vscode中自动安装
vscode操作vue项目的相关步骤
1、vscode下载安装https://code.visualstudio.com/ vue插件的安装： 1、vetur 该插件是vue文件基本语法的高亮插件，在插件窗口中输入vetur点击安装插件就行，装好后点击文件->首选项->设置 打开设置界面， 在设置界面右侧添加配置。 2、eslint 智能错误检测插件，在具体开发中作用很大，能够及时的帮我们发现错误。至于安装，同样打开插件扩展窗口输入eslint点击安装插件，装好后也需要进行配置，在同vetur插件一样的地方进行配...
vscode tf2.0无法自动补全问题【代码】
workspace的setting中加上 "python.autoComplete.extraPaths": ["/Users/xx/opt/anaconda3/envs/tensorflowcpu_env/lib/python3.7/site-packages/"]注意后面是个数组，之前参考了这个链接，起始没必要（改__init__文件） https://github.com/tensorflow/tensorflow/issues/32982
分享15个实用VSCode插件，快来收藏吧！
Visual Studio Code 是由微软开发的一款免费、跨平台的文本编辑器。它有卓越的性能和丰富的功能。VSCode 也有一个扩展和主题市场，为了帮助大家挑选出值得下载的插件，我们针对性的收集了一些实用、有趣的插件与大家分享。1. Open-In-Browser由于 VSCode 没有提供直接在浏览器中打开文件的内置界面，所以此插件在快捷菜单中添加了在默认浏览器查看文件选项，以及在客户端（Firefox，Chrome，IE）中打开命令面板选项。2. QuokkaQuok...
VSCode 如何运行调试全局安装的 Electron【代码】
引用：https://blog.csdn.net/Likianta/article/details/89048938 run.cmd 文件electron . --inspect=5858 launch.json文件{// 使用 IntelliSense 了解相关属性。 // 悬停以查看现有属性的描述。// 欲了解更多信息，请访问: https://go.microsoft.com/fwlink/?linkid=830387"version": "0.2.0","configurations": [{// "type": "node",// "request": "launch",// "name": "启动程序",// "skipFiles": [// "<node_internals>...
VScode 无法加载文件,因为在此系统上禁止运行脚本的解决方法【代码】【图】
文章目录 项目场景：问题描述：原因分析：解决方案： 项目场景： 学习typescript时出现tsc命令无法执行的情况.问题描述： 执行在ts文件的根目录下把ts文件转换成js文件.执行tsc时报错: tsc : 无法加载文件 C:\Users\dxy\AppData\Roaming\npm\tsc.ps1，因为在此系统上禁止运行脚本。有关详细信息，请参阅 https:/go.microsoft.com /fwlink/?LinkID=135170 中的 about_Execution_Policies。 所在位置 行:1 字符: 1 + tsc .\01_ts.ts...
vscode代码提示工具【图】
vscode代码提示工具 1、Auto Rename Tag 2、Axios Snippets 3、Bracket Pair Colorizer 4、Chinese (Simplified) Language Pack for Visual Studio Code 5、CSS Peek 6、CSS Tree 7、Easy LESS 8、Element UI Snippets 9、GitLens — Git supercharged 10、HTML CSS Support 11、HTML Snippets 12、JavaScript (ES6) code snippets 13、jQuery Code Snippets 14、json5 15、Live Server 16、Lodash Snippets 17、Maintained Swift ...
面向前端开发人员的VSCode自动化插件【图】
转载请注明出处：葡萄城官网，葡萄城为开发者提供专业的开发工具、解决方案和服务，赋能开发者。 原文参考：https://blog.bitsrc.io/vscode-automations-for-frontend-developers-6c66a6f36bc6 编程是复杂的。在保证高生产力和代码质量的同时，有许多最优的方案需要记住，有许多准则需要遵循，还有许多 "已知问题 "需要避免。 现代开发过程如果没有自动化完成的工作，还是比较困难的。在本文中，我就将为大家介绍一些可以为前端开...
VsCode常用设置，新手必备！【图】
相信有不少同学在看大神进行代码开发的时候只输入了几行代码，之后编译器自动生成了一串代码，那么你知道是怎么做到的吗？ 闲话不多说，今天小千就来聊一聊如何--懒省事（在VsCode里面设置自定义的模板） 首先：我们要找到这个模板设置的入口，在文件 - > 首选项 - > 用户代码片段 选中以后，会出现下面这个输入框，假如你想设置.vue文件的模板，可以新建一个vue.json全局代码片段文件，输入vue.json然后回车。 ...
VsCode常用设置，新手必备！【图】
相信有不少同学在看大神进行代码开发的时候只输入了几行代码，之后编译器自动生成了一串代码，那么你知道是怎么做到的吗？ 闲话不多说，今天小千就来聊一聊如何--懒省事（在VsCode里面设置自定义的模板） 首先：我们要找到这个模板设置的入口，在文件 - > 首选项 - > 用户代码片段 选中以后，会出现下面这个输入框，假如你想设置.vue文件的模板，可以新建一个vue.json全局代码片段文件，输入vue.json然后回车。 ...
VSCode常用插件汇总
官网地址 VSCode插件官网地址，里面有很多的插件可以使用。 基础插件 这部分插件主要是和html、css、js有关的。 html CSS Support 这个插件支持以下语言，提供基础的语法知识编写辅助。 这是插件地址 html laravel-blade razor vue pug jade handlebars php twig md nunjucks javascript javascriptreact HTML Snippets 这个插件主要是针对html的语法的，支持以下标签，插件地址 html5的全部标签 标签含义信息提示 一些描述性的语法...
提高idea/vscode等软件的启动速度【代码】【图】
文章目录 提高idea/vscode等软件的启动速度idea,Android Studio等JetBrains家的软件安全软件/文件添加信任windows denfenter添加信任火绒添加信任JetBrains家的idea,Android Studio等软件添加信任vscode添加信任提高idea/vscode等软件的启动速度 idea,Android Studio等JetBrains家的软件 在安装路径/bin/idea64.exe.vmoptions和idea.exe.vmoptions设置 -Xms1g -Xmx3g -XX:ReservedCodeCacheSize=1g设置的大点,启动会大大加快安全软...