本文目录一览:
- 1、vscode 配置
- 2、VSCode如何设置,才能在VSC里打开php文件到浏览器?
- 3、vscode 总是窗口无法响应,求解决方案
- 4、vscode php调试配置文件怎么配置
- 5、请问vscode怎么配置php环境啊
- 6、华为padvscode配置
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注释
VSCode如何设置,才能在VSC里打开php文件到浏览器?
VSCode通过以下设置能在VSC里打开php文件到浏览器,方法如下:
准备材料:VisualStudio Code1.2
1、首先要想调试php代码,必须得先有php的相关编译器,只有安装了php的系统下,才能进行调试的。这里点击菜单栏的查看,选择扩展进入。
2、接着左侧栏就会出现扩展安装的窗口,在搜索栏填php,就会出现很多与php相关的插件了。这里我就直接选择了php debug,php的调试工具。
3、然后点击打开文件夹,把自己的工程目录设置为活动文件夹即可。
4、这里可以设置断点。
5、点击调试或者按F5键启动调试即可。
6、调试过程中会遇到.net的环境变量设置问题,这里不设置好这个变量,是不能进行调试的,所以,点击获取dotnet sdk开发包并安装。
7、安装完成后点击我的电脑,属性。
8、高级系统设置。
9、环境变量,新建。
10、把dotnet的安装路径复制进去就可以的了。
11、最后再次进行调试,就可以看到结果的了。
vscode 总是窗口无法响应,求解决方案
是因为未设置任何PHP可执行文件造成的错误,解决方法如下:
1、首先在VSCode软件中运行命令的时候,有错误提示的话就直接展示在右侧栏,提示“无法验证,因为未设置任何PHP可执行文件”,点击打开设置按钮。
2、在打开的设置界面,直接展示的就是PHP扩展设置文件,也就是setting.js文件,点击图中红色标框位置。
3、在打开的setting.js文件中,可以看到php.validate.executeablePath后面的值默认是没有的,这里需要手动设置为php.exe文件位置。
4、需要明确的写上你本地的php.exe路径,然后别忘记保存,重新加载下编辑器即可生效。
vscode php调试配置文件怎么配置
JSON文件是打不开的 你得先了解什么是JSON:JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式,易于阅读和编写,同时也易于机器解析和生成。它基于ECMA262语言规范(1999-12第三版)中JavaScript编程语言的一个子集。 JSON采用与编程语言无关的文本格式,但是也使用了类C语言(包括C, C++, C#, Java, JavaScript, Perl, Python等)的习惯,这些特性使JSON成为理想的数据交换格式。JSON属于一个编写软件的文件。
请问vscode怎么配置php环境啊
vscode只是个编辑器,可以直接开发PHP。至于说环境,虽然vscode上有PHP Server这样的扩展插件,但并不建议使用,毕竟这种集成的东西可能会有很多坑,最好还是手动搭建PHP运行环境,实在嫌麻烦也可以用一些环境包。另外vscode也有PHP Debug插件,可以结合php的debug扩展(需要单独安装)进行断点调试。不过这个东西我不是太喜欢用,因为我还是喜欢用die()来调试,习惯而已。
华为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 回退