半吊子菜鸟学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"