layuiAdmin項目如何在vscode中啓動

在vs code中進行本地調試html

一、首先在VSCode 上裝一個插件：Debugger for Chrome ，以下圖所示：在搜索框中輸入Debugger for Chrome 而後點擊安裝web

二、配置文件，從左到右依次點擊紅圈中的按鈕，而後出現launch.json文件，在裏面添加配置信息chrome

三、配置好以後，選擇調試方式，如圖所示，點擊下拉箭頭會有以前配置好的名稱，這裏是「使用本機chrom調試.npm

四、選擇好名稱以後，直接按F5，就會彈出瀏覽器界面，就能夠進行調試了json

配置信息以下：瀏覽器

{ // 使用 IntelliSense 瞭解相關屬性。 
    // 懸停以查看現有屬性的描述。
    // 欲瞭解更多信息，請訪問: https://go.microsoft.com/fwlink/?linkid=830387
    "version": "0.2.0", "configurations": [ { "type": "chrome", "request": "launch", "name": "使用本機chrom調試", "url": "http://localhost:8080", "webRoot": "${workspaceFolder}", "file":"${workspaceRoot}/start/index.html", //這個是在瀏覽器中要運行的文件的路徑，每次運行不一樣項目的時候須要修改裏面的運行路徑
 } ] }

以上配置尚未開啓服務器，上面的操做至關於直接在瀏覽器中打開界面服務器

開啓本地服務器url

一、打開VS Code，而後點擊「查看」 =》「調試控制檯」或者直接按快捷鍵 ctrl+shift+y調出控制面板spa

在終端輸入.net

npm install -g live-server

三、安裝完成後會出現live-server的版本信息，表示安裝成功

四、在終端輸入：live-server會出現下面的信息

而後直接在瀏覽器彈出的界面

點擊start項目就運行成功了

參考博客：https://blog.csdn.net/tangxiujiang/article/details/80927699