vscode主题文件放在哪(vscode里面的主题插件)

如何配置vscode的python编译环境

为VSCode安装扩展

用VSCode编程是需要依赖扩展的。写Python需要安装python的扩展,写C++需要安装C++的扩展。刚打开编辑器的时候,它一般会推荐一些扩展,你如果什么都不知道,可以先安装官方推荐的这些扩展:

修改VSCode的一些选项的默认值

VSCode有很多选项可以被修改,其各个选项都有默认值,这些默认值存储在"\settings.json"中(不过我没找到这个文件),用户如果想修改某些选项的值(比如:修改字体的大小),VSCode会自动帮我们生成一个“settings.json”文件,然后我们直接在这个文件中配置自己想要的值即可。

VSCode还没有创建"settings.json"文件:

VSCode帮我们创建了"settings.json"文件:

我们修改字号,让字体大一些。修改完后,保存一下,自定义的值就会覆盖默认值,修改就生效了。

用VSCode编写和调试python程序

下面就开始用VSCode编程了。因为python的配置超简单,我们以python为例来说明一下。

https //segmentfault com/q/1010000005897116

VSCode是以文件夹作为项目单位的。所以,我们如果要新建一个python项目的话,需要新建一个文件夹,然后在这个文件夹里面放置.py文件。然后让VSCode"打开文件夹",这样VSCode就能识别这个项目了。(当然可以用VSCode直接创建文件夹和文件。)

先创建test_python文件夹,里面创建一个test.py文件。

然后用VSCode加载它:

加载后的样子。可以看到,因为安装了python扩展,已经有高亮等效果了。

下面开始调试。

很显然要选择python选项:

然后VSCode为我们自动生成了"launch.json"文件,此文件有很多配置项,有的选项是默认从"settings.json"中取值的(比如"config.python.pythonPath")。如果"settings.json"中没有配置它们的话,调试时可能会无法启动。

同时,项目文件夹下面还自动生成了".vscode"文件夹。文件"launch.json"就在这个文件夹中。此时VSCode才算是真正意义上接手了这个项目文件夹。

网上的教程里,直接先在"settings.json"中把"python.pythonPath"先配置了一下,我当时不是太理解。现在看来,我们也需要配置一下了。

配置完之后,就可以正常调试程序了。

用VSCode调试带参的Python程序

修改test.py里面的代码,让它能打印参数(修改后的代码见下面的图片)。

修改launch.json,找到"configurations"中"name"为"Python"的那个配置块,给它添加"args"项,如下图所示:

添加前的配置块:

添加后的配置块:

文件launch.json修改完毕后,按F5调试程序,可以看到控制台输出的结果:

在按F5调试时,VSCode每次都会在程序入口处暂停住,这是配置项"stopOnEntry"在起作用,将其改成false后就不会出现这种情况了。

用VSCode自动格式化代码

VSCode“自动格式化代码”的快捷键是“Alt+Shift+F”。要格式化Python代码,需要安装Python包yapf(或autopep8、等)。

在命令行下执行:

[plain] view plain copy

python -m pip install yapf

然后配置"settings.json",启用yapf:

用VSCode对python代码进行语言分析

VSCode使用python的语言分析(写python代码的时候,编辑器会提示哪里出错,哪里的代码格式不规范),可以安装flake8(或pylint、等):

在命令行下执行:

[plain] view plain copy

python -m pip install flake8

然后配置"settings.json",启用flake8:

更换文件图标主题(使VSCode左侧的资源管理器根据文件类型显示图标):

可以选择已经存在的文件图标主题:"文件"-"首选项"-"文件图标主题"-"Seti(Visual Studio Code)"。

你也可以安装“vscode-icons”插件,安装的方式:

在“扩展(Ctrl+Shift+X)”中,搜索“vscode-icons”,然后安装并重新加载它,然后VSCode会让你执行一些操作,以激活"vscode-icons"插件。操作为:

"文件"-"首选项"-"文件图标主题"-"VSCode Icons"。对应到英文的话,应该是"File" - "Preferences" - "File Icon Theme"-"VSCode Icons"。

Guides(缩进线插件,让代码看起来更清晰):

在“扩展(Ctrl+Shift+X)”中,搜索“Guides”,然后安装并重新加载它即可。

vscode 用户配置 是哪个文件

在用户目录的Appdata\Roaming\Code\User文件夹中一个名为“settings”的json文件。解决方法如下:

1、首先在电脑桌面中找到并点击vscode。

2、打开界面如下图,然后在界面中找到并进入任务选项。

3、接着点击打开任务选项,然后在任务下拉菜单中,找到并打开-配置任务按钮。

4、点击配置任务后会弹出一个对话框,在这个弹出框中点击build。

5、也可以具体输入自己要创建的任务。最后可以看到任务代码生成,然后修改即可。

vscode如何将网页文件放在根目录下

vscode将网页文件放在根目录下步骤:

1、在VSCode中打开目录文件夹,即点击文件。

2、打开文件夹、再双击目录文件夹。

3、再点击选择文件夹,VSCode中出现了目录文件夹。

4、在目录文件夹中的新建文件图标上点击一下并输入文件名字,拉入网页文件即可。

vscode权重文件存储位置

vscode权重文件存储位置一般会在C盘的~\.vscode\extensions\目录下。VSCode中提供各种丰富的插件,但是插件的位置一般是直接安装在C盘,而C盘的空间宝贵又不想安装在C盘,这里就可以选择安装便携版(免安装版)的VSCode,这种方式支持自定义数据存放位置,包括插件的安装位置。

华为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_modules": 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_modules": 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建立的文件怎么查看路径

1、首先打开visualstudio软件,然后点击已打开的项目中文件,双击文件即可。

2、其次在代码的编辑的位置中,随意找到一块空白的位置。

3、最后在右侧的项目中,选中该文件,然后拖动到左侧的代码的编辑器中,这样就可以显示了该文件的路径的位置当中

361知讯网

本文链接:http://pdidw.com/vs/28720.html

发表评论

评论列表

还没有评论,快来说点什么吧~