VSCODE - 技术教程文章
VSCode 安装 React 项目
1 下载nodejs 安装 (此时npm 和 node环境都已经装好)2 安装淘宝镜像 npm install -g cnpm --registry=https://registry.npm.taobao.org3 安装git 3 创建一个放置项目的目录，右键选择 Git Bash Here 打开git 输入： npm install -g create-react-app 4 安装完 create-react-app 之后 继续输入 create-react-app my-app6 cd 项目名 下面继续执行 npm start 检测当前项目是否创建成功 正常情况下当输入命令之后 会直接打开默认...
vscode回车补全代码【代码】【图】
VsCode设置回车补全代码而不换行有一部分人不习惯用tab键补全代码，我就是其中之一，习惯了回车补全的我决定设置一波，网上找了很多，没找到比较详细的，所以自己写一个有一个叫keybindings.json的json文件是控制快捷键的，vscode可以直接打开但是直接在vscode里改是不现实的，因为keybindings.json设置了只读。所以要找到 keybindings.json文件的地址用记事本 改设置只需将如下json代码添加到keybindings.json文件注意:下面的json...
ubuntu安装vscode
1.下载解压vscode（复制下边内容直接运行） sudo wget -c https://az764295.vo.msecnd.net/stable/7ba55c5860b152d999dda59393ca3ebeb1b5c85f/code-stable-code_1.7.2-1479766213_amd64.tar.gz #下载安装包tar -xpf code-stable-code_1.7.2-1479766213_amd64.tar.gz #解压sudo mv VSCode-linux-x64 /opt/ #移动到/opt下sudo chmod +x /opt/VSCode-linux-x64/code #可执行权限#此时运行code就可以打开了，如果感觉不方便可以弄个快...
python3 on macos with vscode【代码】
brew install python3 python3 -m pip install pylint python3 -m pip install autopep8python3 -m pip install Flaskvscode 用户设置中添加： "python.pythonPath": "python3" 原文：http://www.cnblogs.com/Bob-wei/p/7470080.html
VSCode 快捷键 Mac
Command（或 Cmd）?Shift ?Option（或 Alt）?Control（或 Ctrl）?Caps Lock ?FnGeneralKeyboard shortcutsFunction??P,F1Show Command Palette?PQuick Open, Go to File...??NNew window/instance?WClose window/instance?,User Settings?K ?SKeyboard ShortcutsBasic editingKeyboard shortcutsFunction?XCut line (empty selection)?CCopy line (empty selection)?↓ / ?↑Move line down/up??↓ / ??↑Copy line down/up??KDele...
vscode配置备份【代码】【图】
备份vscode配置 {"typescript.updateImportsOnFileMove.enabled": "always","javascript.updateImportsOnFileMove.enabled": "always","workbench.colorTheme": "Monokai","workbench.editor.enablePreview": false,"editor.renderIndentGuides": false,"code-runner.runInTerminal": true,"editor.fontSize": 14,"editor.fontFamily": "Source Code Pro,Menlo, Monaco, ‘Courier New‘, monospace","editor.minimap.enabled": tr...
visual studio code(vscode) 配置在terminal进行运行代码并且支持c++11特性【代码】【图】
1.点击设置点击CodeRunner的小齿轮，点击configure extension settings2.点击映射点击executor map中的Edit in settings.json3.粘贴代码粘贴如下代码，按下command + s 进行保存{"code-runner.runInTerminal": true,"C_Cpp.default.cppStandard": "c++11","code-runner.executorMap": {"cpp": "cd $dir && g++ $fileName -o $fileNameWithoutExt -std=c++11 && $dir$fileNameWithoutExt"},"files.associations": {"typeinfo": "cpp...
在vscode中与github中的库进行同步【图】
第一步，进入GitHub，创建一个新的库 然后复制链接： 然后进入vscode中，在终端中，git clone 复制的链接（https://github.com/LY17java2-gengbiao/supers.git）这样就会在vscode中生成一个supers项目将我们新建的 （vue create supering）中的文件复制到supers中去，.git文件和node_modules之外的文件然后进入supers cd supers然后我们查看当前目录中的文件git status然后将它们加进去git add .然后进行初始化git commit -m ‘...
用VSCode写python的正确姿势【图】
最近在学习python，之前一直用notepad++作为编辑器，偶然发现了VScode便被它的颜值吸引。用过之后发现它启动快速，插件丰富，下载安装后几乎不用怎么配置就可以直接使用，而且还支持markdown。当然，最主要的还是好看:p效果图：VScode下载地址安装python插件打开VScode，Ctrl+p输入 "ext install python"，搜索时间可能会比较长选择下载量最高的那个插件点击安装（根据网络情况，安装时间不确定，我当初装了挺久，我这边已经下载好...
WIndows下VSCode搭建Fortran环境【代码】【图】
Windows下VSCode搭建Fortran环境1. 下载VSCode下载地址: https://code.visualstudio.com/Download下载然后一路安装即可2. 下载MinGW-W下载地址: https://sourceforge.net/projects/mingw-w64/files/Toolchains targetting Win64/Personal Builds/mingw-builds/下载之后解压记住路径.例如我放在: C:\environment\mingw643. 搭建环境变量打开环境变量 ? 即在系统变量中加入: C:\environment\mingw64\bin? 注意: 结合自己的路径.测试...
Ubuntu 16.04 安装VSCode
步骤如下：通过官方PPA安装Ubuntu makesudo add-apt-repository ppa:ubuntu-desktop/ubuntu-makesudo apt-get updatesudo apt-get install ubuntu-make使用命令安装visual studio code umake ide visual-studio-code? (这条命令网上很多错写成web)中间会确认安装visual studio code，输入a即可安装完成后，可以发现VSCode图标已经出现在Unity启动器上，点击即可运行。若安装完成，图标却没有出现，说明安装错误。报错为：(process:...
VSCode JAVA环境配置使遇到的几个小问题【图】
1、出现的问题：The JAVA_HOME environment variable points to a missing or inaccessible folder等三个报错！2、说明及解决办法环境变量JAVA_HOME是配置JDK（Java Development Kit）JAVA 开发环境的地址的，JAVA_HOME需指向JDK的地址。安装完JAVA SDK Extension后，新建文件后点击选择java后会出现JAVA Overview ，点击安装其中一个版本就可以了（好像火狐浏览器下载不了需要google Chorme浏览器才可以下载）下载完安装即可，安装...
Win10+vscode+Python安装【图】
学习需要用到Python，因为电脑重装系统后python没了，因此重新来安装一次。 步骤：下载、安装、配置Pyhton环境变量安装vscode配置vscode下python环境并测试 1. 首先下载Python的运行库：Python官网：https://www.python.org/ 如果对版本有要求就根据具体情况下载对应版本，我这里就下载目前最新的版本。 接下来就是双击exe程序进行安装，这里注意要把下方两个框打勾，还要注意选择安装位置，我这里就选择默认安装位置。 安装成功...
设置VsCode自动换行【代码】
方法如下：文件 -> 首选项 -> 设置如果你是Mac则是右上角Code -> 首选项 -> 设置然后在右侧的编辑窗口中添加1"editor.wordWrap": "on" 来源：https://sherlockgy.github.io/2018/09/01/%E8%AE%BE%E7%BD%AEVsCode%E8%87%AA%E5%8A%A8%E6%8D%A2%E8%A1%8C/原文：https://www.cnblogs.com/youzi-xuchongyou/p/11756774.html
基于VsCode的java语言编程调试环境【代码】【图】
基于VsCode的java语言编程调试环境一.安装jdk,并配置java开发环境直接去到Oracle官网下载JDK1.8安装包,点击这里将安装包装在到磁盘对应位置配置环境变量打开.bash_profile并编辑：open .bash_profile 在文件的末尾加入以下语句：export JAVA_HOME=/Library/Java/JavaVirtualMachines/jdk1.8.0_211.jdk/Contents/Home 退出并保存验证是否安装成功打开命令行，终端输入：java -version,正确显示java版本号即安装成功二.安装java语言开...
VSCode使用Tips（持续增加）
1. 快捷键自动对齐 ctrl + shift + i 需要安装PyFormat插件，python需要安装autopep8 2. 字体太小首先界面上文字都很小，用ctrl + ‘+’缩放，再到File——preference——setting中设置相关字号（terminal的字号太大会糊）原文：https://www.cnblogs.com/grainrain/p/13173539.html
使用vscode 拉取代码报错【图】
使用vscode 拉取代码报以下错误 (would clobber existing tag)问题原因就是因为tag冲突解决方法:更新一下taggit fetch --tags -f然后再拉取代码原文：https://www.cnblogs.com/niluiquhz/p/14734281.html
在VSCode中编辑HTML文档时，在Dom标签上写style属性时智能提示的问题【代码】【图】
首先在VSCode中打开一个HTML文件然后点右下角的“选择语言模式”然后点击配置HTML语言的基础设置然后在打开的界面中（右侧）输入如下代码{ "editor.quickSuggestions": { "other": true, "comments": true, "strings": true }, "[html]": { } }然后重启VSCode再试试看原文：http://www.cnblogs.com/liulun/p/7770779.html
vscode调试第三方包【图】
参考链接：https://www.pianshen.com/article/27951008925/https://www.pianshen.com/article/27951008925/原文：https://www.cnblogs.com/marklong/p/14721400.html
VSCode 常用快捷键 Mac
一.删除整行：command+shift+k 二.删除所有空行： 1.输入Command + Option + F打开替换栏 2.输入正则匹配：^\s*(?=\r?$)\n 3.选择全部替换为空基本 Command + X 剪切（未选中文本的情况下，剪切光标所在行） Command + C 复制（未选中文本的情况下，复制光标所在行） Option + Up 向上移动行 Option + Down 向下移动行 Option + Shift + Up 向上复制行 Option + Shift + Down 向下复制行 Command + Shift + K 删除行 Command + Ent...
Typescript环境配置 (vscode)【代码】
typescript环境配置安装node, 安装cnpm安装typescript, ts-nodecnpm install -g typescript cnpm install -g ts-node 用vscode打开项目文件夹tsc -init 生成一个tsconfig.json文件 文件如下：{"compilerOptions": {/* Visit https://aka.ms/tsconfig.json to read more about this file *//* Basic Options */// "incremental": true, /* Enable incremental compilation */"target": "es5", ...
vscode Cannot edit in read-only editor.【图】
原因使用了runcode插件这个错误一般出现在使用命令行输入的时候出现。但是output页面是只读的，只能输出，不能用来输入。解决解放方法是，将run code设置为在Teminal中运行：File -> Preferences -> Settings找到run code in terminal设置，打上√原文：https://www.cnblogs.com/heenhui2016/p/10957568.html
VSCode安装、配置【图】
VSCode下载官网：https://code.visualstudio.com/ 安装完成后，开始安装便携插件：安装后尝试安装中文语言包（插件里搜索） 尝试更换主题将一个目录违项目目录创建一个新网页进行测试 安装live server插件：修改代码和网页变化同步插件 设置自动保存代码，设置--Files：Auto Save-- off修改为afterDelay 原文：https://www.cnblogs.com/xzl-1/p/14965587.html
CentOS VSCode调试go语言出现：exec: "gcc": executable file not found in PATH【代码】
CentOS VSCode调试go语言出现：exec: "gcc": executable file not found in PATH 解决方案：执行如下命令安装GCC，然后重新启动VSCode即可sudoyuminstallgcc #安装GCC [fengxm@centos7-feng ~]$ whichgcc /usr/bin/gcc #验证安装完毕 CentOS VSCode调试go语言出现：exec: "gcc": executable file not found in PATH原文：https://www.cnblogs.com/fengxm/p/9907589.html
VSCode搭建简单的Vue前端项目【代码】【图】
技术基础开发之前，请先熟悉下面的4个文档vue.js, 优秀的JS框架vue-router, vue.js 配套路由vuex，vue.js 应用状态管理库AntDesign，蚂蚁金服提供的组件库开发环境Node JS（npm）Visual Studio Code（前端IDE）安装Visual Studio Code下载地址： 官网下载地址Visual Studio Code 是一款非常优秀的开源编辑器，非常适合作为前端IDE, 根据自己的系统下载相应的版本进行安装。更多 VS Code 教程可以参考以下资料官网文档：https://cod...
vscode 无法识别装饰器的@符
在react项目中使用装饰器，vscode却无法识别@符，但是在服务器端仍然可以运行解决办法：菜单 文件->首选项->设置，用户设置中设置（勾选）： "problems.decorations.enabled": false, "javascript.implicitProjectConfig.experimentalDecorators": true原文：https://www.cnblogs.com/Breeze-510/p/11961786.html
Spring-boot的vscode配置
Spring-boot的vscode配置软件架构课上老师要求看B站的一个网课，貌似是南开大学的软件架构课程，讲课老师用springboot这个框架来演示基于构建的开发，其中需要用到vscode工具，配置了一晚上终于搞明白了，下面总结一下自己的过程1.JAVA环境配置java环境配置主要参考的这篇博客：java在vscode中配置cmd命令行中输如 java -version来查看jdk版本，jdk安装位置在环境变量中配置两个变量变量名：JAVA_HOME变量值：C:\Program Files (x8...
vscode-setting.json配置【代码】
1{ 2 "window.zoomLevel": 1, 3 "git.ignoreMissingGitWarning": true, // 忽略“缺失git”的警告 4 "files.autoSave": "onFocusChange", // 离开页面自动保存 5 "workbench.colorTheme": "Default Light+", // 配色 6 "editor.tabSize": 2, // 缩进，tab格数 7 "editor.fontSize": 14, // 字号 8 // 文本头 9 "fileheader.Author": "@Guojufeng",10 "fileheader.LastModifiedBy": "@Guojufeng",11 // 快捷浏览html页面1...
01-eslint/vetur/preitter/vscode配置【代码】
前言：大多数人一说起eslint是做语法规则校验的，prettier是代码格式化的，vetur是负责.vue文件的语法高亮，格式化等等，好像都知道哦，但是经不起细问，就好像又不明白了。包括网上一搜，各种配置一大堆，乱七八糟，根本没有一个线性梳理，真是让人头大。平时我们都是去复制别人的就得过且过的用着了，算了不说废话了～让我带你来梳理一下这三个到底怎么配合使用吧！首先，分为两个部分：第一：vscode插件工具类的eslint和prettit...
vscode下搭建SSM环境
1.vscode下载插件 Debuggr for Java Java Code Generators Java Extension Pack Java Language Support Java Test Runner Language Support for Java(TM) RedHat Lombok Annotation Support Maven for Java Project Manager for Java Tomcat for Java Visual Studio IntelliCode 2.配置maven 下载maven后，设置settings.xml里的镜像和本地仓库 在vscode中，file》首选项》设置 搜索java.configuration.maven设置settings.xml的路径...