码迷,mamicode.com
首页 > Web开发 > 详细

半吊子菜鸟学Web开发6 -- Vscode开发环境配置

时间:2017-12-13 17:20:11      阅读:212      评论:0      收藏:0      [点我收藏+]

标签:current   maps   es2017   安装路径   注释   文件   deb   ble   userdata   

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开发环境配置

标签:current   maps   es2017   安装路径   注释   文件   deb   ble   userdata   

原文地址:http://www.cnblogs.com/daibigmonster/p/8033073.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!