㈠ vscode配置文件的关系
简单来说,vscode是一款文本编辑器,而不是ide。这就是说,vscode只提供编辑的环境而不提供编译的环境,如果想要用vscode来集成开发环境,则必须经过以下几步:
安装必须的编译器(比如mingw,python,texlive等)
配置相应编译环境(添加环境变量等)
安装匹配的vscode的拓展插件
通过拓展插件提供的“属性”将外部编译器链接到vscode
同时,一个文本编辑器肯定不会提供运行程序的功能,vscode也是如此。要运行程序,有如下几种方法:
vscode的一些拓毁谈慧展插件中会提供配置好的终端和运行程序的命令,我们可以直接使用;
vscode中有专门运行程序的拓展插件code-runner,可以安装后使用;
vscode提供了对数种终端的接口,我们可以在vscode中像使用cmd小黑框那样使用终端,由此我们可以在vscode终端中运行程序;
这样,我们大致侍谈了解了使用vscode编译、运行程序的方法。
vscode的配置
首先,我们要明确vscode的配置的最小单元是文件夹,即可以使用打开文件夹功能我们可以把不同的文件夹链接到不同的外部编译器、实现不同的快捷任务、快速进行debug和详细设定拓展插件的功能等等。
因此,我们先速览vscode的配置结构,如下图:
可以看到,
vscode下有全局设置settings.json;之后是工作区,和工作区设置settings.json,一个工作区包含了多个文件夹;
每个文件夹中有相同的.vscode文件夹,这个文件夹中的三个文件纤答settings.json,tasks.json,launch.json,它们就是配置的核心。
每个文件夹通过配置可以编译运行不同语言的文件:c++,python和html,同时可以通过同一个工作区直接访问,这就是vscode的集成性和方便性。
㈡ vscodepython环境配置
具体配置如下:
安装vscode在python官网下载python并安装搜索迟桥行并安装插件Python。ctrl+shift+p,输入PythonSelectPythonInterpreter即可安装插件pylint,也可码哗以输入SelectLinter选择此时右键并选择RunpythonfileinTerminal。
VisualStudioCode简称为VSCode,是由微软研发的一个消贺运行于MacOSX、Linux和Windows之上的,针对于编写现代Web和云应用的跨平台源代码编辑器。
㈢ 首先安装vscode和配置python环境
1、安装anaconda3 使用它内置的python.exe
2、在360软件管家中安装 vscode
3、在vscode中配置安装 python 和 天勤量化 插件
4、将vscode设置成中文显示:在上图商店中搜索Chinese(Simplied) Lang安装此插件就变成中文。
㈣ 华为padvscode配置
华为padvscode配置
想要优雅且高效的编写代码,必须熟练使用一款前端开发工具。但前端开发工具数不胜数,像HBuilder、Sublime Text、WebStorm、Visual Studio Code......等等,其中VSCode以其轻量且强大的代码编辑功能和丰富的插件生态系统,独受前端工师的青睐。网上有很多vscode的配置以及使用博客,但都没有本篇那么详细且全面。
软件下载
直接在官网进行下载
Visual Studio Code - Code Editing. Redefined
最近很多人留言说官网下载被限速,如果大家存在这种情况,可以在“前端码头”后台发送vscode获取软件包。
首页
vscode设置成中文
vscode默认的语言是英文,对于英文不好的小伙伴可能不太友好。简单几步教大家如何将vscode设置成中文。
按快捷键“Ctrl+Shift+P”。
在“vscode”顶部会出现一个搜索框。
输入“configure language”,然后回车。
“vscode”里面就会打开一个语言配置文件。
将“en-us”修改成“zh-cn”。
按“Ctrl+S”保存设置。
关闭“vscode”,再次打开就可以看到中文界面了。
当然如果你不愿意设置,也可以直接安装它的中文插件,还是很人性化的。
VScode用户设置
1. 打开设置
文件--首选项--设置,打开用户设置。VScode支持选择配置,也支持编辑setting.json文件修改默认配置。个人更倾向于编写json的方式进行配置,下面会附上我个人的配置代码
这里解析几个常用配置项:
(1)editor.fontsize用来设置字体大小,可以设置editor.fontsize : 14;
(2)files.autoSave这个属性是表示文件是否进行自动保存,推荐设置为onFocusChange——文件焦点变化时自动保存。
(3)editor.tabCompletion用来在出现推荐值时,按下Tab键是否自动填入最佳推荐值,推荐设置为on;
(4)editor.codeActionsOnSave中的source.organizeImports属性,这个属性能够在保存时,自动调整 import 语句相关顺序,能够让你的 import 语句按照字母顺序进行排列,推荐设置为true,即"editor.codeActionsOnSave": { "source.organizeImports": true };
(5)editor.lineNumbers设置代码行号,即editor.lineNumbers :true;
我的个人配置,供参考:
{ "files.associations": { "*.vue": "vue", "*.wpy": "vue", "*.wxml": "html", "*.wxss": "css" }, "terminal.integrated.shell.windows": "C:\\Windows\\System32\\cmd.exe", "git.enableSmartCommit": true, "git.autofetch": true, "emmet.triggerExpansionOnTab": true, "emmet.showAbbreviationSuggestions": true, "emmet.showExpandedAbbreviation": "always", "emmet.includeLanguages": { "vue-html": "html", "vue": "html", "wpy": "html" }, //主题颜色 //"workbench.colorTheme": "Monokai", "git.confirmSync": false, "explorer.confirmDelete": false, "editor.fontSize": 14, "window.zoomLevel": 1, "editor.wordWrap": "on", "editor.detectIndentation": false, // 重新设定tabsize "editor.tabSize": 2, //失去焦点后自动保存 "files.autoSave": "onFocusChange", // #值设置为true时,每次保存的时候自动格式化; "editor.formatOnSave": false, //每120行就显示一条线 "editor.rulers": [ ], // 在使用搜索功能时,将这些文件夹/文件排除在外 "search.exclude": { "**/node_moles": true, "**/bower_components": true, "**/target": true, "**/logs": true, }, // 这些文件将不会显示在工作空间中 "files.exclude": { "**/.git": true, "**/.svn": true, "**/.hg": true, "**/CVS": true, "**/.DS_Store": true, "**/*.js": { "when": "$(basename).ts" //ts编译后生成的js文件将不会显示在工作空中 }, "**/node_moles": true }, // #让vue中的js按"prettier"格式进行格式化 "vetur.format.defaultFormatter.html": "js-beautify-html", "vetur.format.defaultFormatter.js": "prettier", "vetur.format.defaultFormatterOptions": { "js-beautify-html": { // #vue组件中html代码格式化样式 "wrap_attributes": "force-aligned", //也可以设置为“auto”,效果会不一样 "wrap_line_length": 200, "end_with_newline": false, "semi": false, "singleQuote": true }, "prettier": { "semi": false, "singleQuote": true } } }
最近经常有人微信问我,这个配置代码写在哪里?
新版的vscode设置默认为UI的设置,而非之前的json设置。如果你想复制我上面这段代码进行配置,可以进行下面的修改
文件>首选项>设置 > 搜索workbench.settings.editor,选中json即可改成json设置;
禁用自动更新
文件 > 首选项 > 设置(macOS:代码 > 首选项 > 设置,搜索update mode并将设置更改为none。
开启代码提示设置
第一步:点击左下角点击设置图标,找到并点击“setting”
第二步:到搜索框里搜索“prevent”--->并取消此项的勾选
常用的快捷键
高效的使用vscode,记住一些常用的快捷键是必不可少的,我给大家罗列了一些日常工作过程中用的多的快捷键。
以下以Windows为主,windows的 Ctrl,mac下换成Command就行了
对于 行 的操作:
重开一行:光标在行尾的话,回车即可;不在行尾,ctrl + enter 向下重开一行;ctrl+shift + enter 则是在上一行重开一行
删除一行:光标没有选择内容时,ctrl + x 剪切一行;ctrl +shift + k 直接删除一行
移动一行:alt + ↑ 向上移动一行;alt + ↓ 向下移动一行
复制一行:shift + alt + ↓ 向下复制一行;shift + alt + ↑ 向上复制一行
ctrl + z 回退
㈤ vscode使用教程是
vscode使用教程:
安装:
安装的东西没什么好说的,自行下载安装吧,伙计。
配置:
用户配置:
vscode的用户配置分3个级别,分别是默认配置、全局配置和工作区配置,优先级也依次递增。对于团队项目,一些规范可以通过项目目录下建一个.vscode/setting.json文件进行配置。
快捷键绑定:
参考官方文档,文档中列出了所有指令对应的快捷键。快捷键我只修改了两个与系统软件冲突的。
代码片段:
这个功能很像webstorm的live template的功能,虽然提示的时候没有webstorm那么精准和顺手,不过总的来说,够用。
设置语法遵循TextMate代码片段语法,你可以通过安装别人写好的snippet插件,如果别人写的snippet你用得不爽,那么自己写也简单。
之前使用这个代码片段有个痛点就是只能用方向键上下选择提示,如果能使用ctrl+n/p上下选择的话就更舒服了,没想到现在已经支持了。
另外,有没有人知道怎么设置代码提示内容,比如输入result提示了XPathResult是什么鬼。
插件:
4个月前刚知道vscode的时候,那时感觉插件还没有那么多,现在重新看了一下,真是应有尽有。牛逼啊!
这里介绍几个我用过觉得不错的插件
用户配置同步 Visual Studio Code Settings Sync。Git 历史 Git History。
文件图标 vscode-icons。缩进辅助线 Guides。
Visual Studio Code(以下简称vscode)是一个轻量且强大的代码编辑器,支持Windows,OS X和Linux。
内置JavaScript、TypeScript和Node.js支持,而且拥有丰富的插件生态系统,可通过安装插件来支持C++、C#、Python、PHP等其他语言。
㈥ vscode配置c/c++环境没有默认配置
1、首先找到UI配置界面使用快捷键Ctrl+Shift+p打开搜索框。
2、其次输入C/C++,找到C/C++:编辑配置(UI)。
3、最后点击后按图示操作:配置完回到工作目录即可。
㈦ 用vscode调试时,怎样配置才能使用集成的terminal而不是win的
1.首先win自带的终端自我认为比较橡洞垃圾,可以先下载Cmder.exe2.下载完并安装完成后,拷贝Cmder应用路径3.打开vscode,并找到‘’用户设置‘’文件,搜索:terminal.integrated.shell.windows之后将后面的路径修改为,之前Cmder应用路径即可,4.vscode默正尘认打开终端梁清枯快捷键是Ctrl + ` ,当然也可自己修改。
㈧ vscode 运行r语言要怎么配置
首先,vscode本身没有新建项目的选项,所以要先创建一个空的文件夹喔。
vscode怎样新建项目
然后打开vscode,再在vscode里面打开文件夹,这样才可键指以创建项目。
vscode怎样新建项目
如图所示,选择之前创建的空文件将作为vscode的文件夹即可。
vscode怎样新建项目
如图,文件夹已经被选择了,但裤好是此时它还不太完整,我们需要配置一下。
vscode怎样新建项目
Ctrl+shift+p,然后输入task,点击第一个选项即可配置。
vscode怎样新建项目
如图,还会跳转,再次选择other……即可自动生成配置文件喔。
vscode怎样新建项目
如图,原本稿纯配空文件夹里面就多了json类型的配置文件,这才是一个完整的项目文件夹喔。
vscode怎样新建项目
㈨ VSCode Node.js 调试配置 (npm 脚本启动)
相当于直接使用 node 命令,用 npm run script 脚本 来启动 Node.js 程序是更为常见的场景,比如当目标是运行一个应用。
假设项目的 package.json 有一个用来调试的 debug 脚本:
我们要怎么启动项目的跟踪调试呢?
文档指路 ➡️ 【Node.js 调试入门】 、 【VSCode 中的 Node.js 调试】 、 【Launch 对 npm 及其他工具的配置支持】
VS Code 支持两悔嫌让种核心调试模式 Launch 和 Attach ,Launch 方式是直接以 debug 模式启动应用,并为我们自动添加一个调试器;而 Attach 方式则是将 VSCode 调试器连接到已经运行中的应用程序或进程。我们这里用的是 Launch 方式。
在终端运行:
或点击VSCode 的小甲虫图标:
上面蓝色位置圈错了,应该是第一个 Node.js。
VSCode 十分智能,预设了很多针对不同需求的启动配置:
让我们来做进一步的修改:
之前那个启动配置项可以删除者拦,留下这个需要的即可。
我们将 console 属性 设置为外部终端,我们启动调试时 VScode 就会自动打开下图中对应的终端(根据操作系统)。可以根据个人使用习惯,自定义用什么终端 (比如我在 VSCode 设置的碧局 Terminal › External: Osx Exec,从默认的改为了 iTerm2)。
别忘了先把我们的脚本加上端口
㈩ vscode 配置
1.单行注释 ctrl+/ //注释
2.多行注释 alt+shift+a /**/注释
3.Alt + Click 插入光标-支持多个
4.终端打开方法
使用快捷键: ctrl + · 即可;注意那个点是键盘上 esc 下面的那 个;
或者:
选择vscode的 “查看”,然后选择“集成终端” ,打开即可;
5.左下角显示大纲(显示所有函数方法) Shift+Ctl+P -> View: Quick Open View -> 大纲
6.编写并实时预览Markdown 先按Ctrl + K,然后放掉,紧接着再按 v,也能调出实时预览框
1.Beautify 插件配置
在VSCode的配置文件里添加 editor.formatOnSave:true 即可实现保存时自动格式化
VSCode格式化laravel的blade文件
2.KoroFileHeader插件配置
自动生成文件头部注释和函数注释
3.DocBlocker插件
PHP注释