半吊子菜鸟学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开发环境配置的主要内容,如果未能解决你的问题,请参考以下文章

半吊子菜鸟学Web开发2 --JavaScript学习1

半吊子菜鸟学Web开发 -- PHP语法学习1

半吊子菜鸟学Web开发 -- PHP学习5-数据库

菜鸟学Laravel(零) 为什么选择Laravel

『Python开发实战菜鸟教程』工具篇:手把手教学使用VSCode开发Python

『Python开发实战菜鸟教程』工具篇:手把手教学使用VSCode开发Python