คอมพิวเตอร์และอินเตอร์เน็ต,บรรยายวิชาการ,วิจัย,ศึกษากุรอาน,E-Book

วันเสาร์ที่ 20 มกราคม พ.ศ. 2561

Visual Studio Code with AppServ


       การใช้ Visual Studio Code หรือ VC Code สำหรับใน windows ที่ใช้ Appserv ในการพัฒนา โดยสามารถกำหนด script ที่เป็น build task ได้ดังนี้( script การ build task กำหนดให้แต่ละโปรเจ็กที่สร้าง ไม่จำเป็นต้องหมือนกัน - copy นำไปใช้แทนกันได้ โดยที่ vs code จะกำหนดให้เองของแต่ละโปรเจก แล้วแต่ผู้เขียน ถ้าไม่กำหนดก็จะไม่มี)


1.การใช้ Appserv เป็น web server จะต้องเขียน script php ชื่อ redirect.php เพื่อรับค่าเก็บไว้ที่ root C:\Appserv\www\redirect.php ดังนี้

<?php
$root = $_SERVER['DOCUMENT_ROOT'];
$file = $_GET['file'];
$file2=substr($file,15,strlen($file));
$filenew2 = str_replace('\\', '/', $file2);
?>

2.Create Build Task ดังนี้
  1. Open a folder with vscode
  2. Hit F1
  3. Select "Tasks: Configure Task Runner"
  4. Hit Enter and vscode will create a sample task.json for you
และแก้ไขเนื้อหาทั้งหมดเป็นดังนี้
ก.กรณีต้องการใช้ browser Filefox
{
 "version": "0.1.0",
 "command": "firefox",
 "windows": {
   "command": "C:\\Program Files\\Mozilla Firefox\\firefox.exe",
   },
 "args": ["http:\\localhost\\redirect.php?file=${file}"]
}

ข.กรณีต้องการใช้ browser Chrome
{
 "version": "0.1.0",
 "command": "firefox",
 "windows": {
   "command": "C:\\Program Files\\Google\\Chrome\\Application\\chrome.exe",
   },
 "args": ["http:\\localhost\\redirect.php?file=${file}"]
}

การเรียกใช้งาน
  หลังจากเปิด file script  ที่ต้องการ run แล้ว ทำดังนี้
   1.กดเมนู Tasks
   2.เลือก Run build tasl หรือ กด CTRL+SHIFT+B

หมายเหตุ
   การพัฒนา mobile web app ให้เลือใช้ chrome จะดีกว่า เพราะมี mobile simulator ที่ดีกว่า เช่น Ripple  เป็นต้น





ไม่มีความคิดเห็น: