半吊子菜鸟学Web开发6 -- Vscode开发环境配置
Posted 戴怪兽
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了半吊子菜鸟学Web开发6 -- Vscode开发环境配置相关的知识,希望对你有一定的参考价值。
1vscode上手一周不到,终于弄出点门路,终于弄清楚了点vscode的设置是什么样子的了....哭
2就我这两天的使用来看,一般vscode默认只让打开一个文件夹,然后在你打开的文件夹里面自动生成
一个.vscode的文件夹(隐藏的,正常是看不见的)
3.vscode文件夹里面会生成两个文件
一个是launch.json,这是用来调试的时候,记录你调试的配置
一个是setting.json,这是用户设置,比如说你要设置字体大小啊之类之类的
4我关于web开发的就主要使用js和php语言设置
安装的插件和配置如下
1launch配置
{
"type": "node",
"request": "launch",
"name": "JS Launch",
"program": "/home/dai/Graduate-Life/Web/Test.js"
},
//这是使用js的配置
{
"name": "Listen for XDebug",
"type": "php",
"request": "launch",
"port": 9000,
"program":"/home/dai/PHPlearning/1712131_test.php"
},
{
"name": "Launch currently open script",
"type": "php",
"request": "launch",
"program": "${file}",
"cwd": "${fileDirname}",
"port": 9000
},
//这是使用php文件的配置
{
"name": "使用本机 Chrome 调试",
"type": "chrome",
"request": "launch",
//"file": "${fileDirname}",
"url": "http://localhost/1712131_test.php",
// "url": "http://mysite.com/index.html", //使用外部服务器时,请注释掉 file, 改用 url, 并将 useBuildInServer 设置为 false "http://mysite.com/index.html
"runtimeExecutable": "/usr/bin/google-chrome-stable", // 改成您的 Chrome 安装路径
"sourceMaps": true,
"webRoot": "${workspaceRoot}",
// "preLaunchTask":"build",
"userDataDir": "${tmpdir}",
"port": 5433
}
//这是使用chrome看整体网页效果的配置
2用户设置
这里没有多少要说的主要我在里面设置了一个php执行路径的设置
"php.executablePath": "/usr/bin/php"
以上是关于半吊子菜鸟学Web开发6 -- Vscode开发环境配置的主要内容,如果未能解决你的问题,请参考以下文章