live server 快速搭建靜態服務

2022-07-25 22:57:20 字數 1045 閱讀 8732

作為切圖仔呢,平時都是在修改頁面樣式、展示後台返回的資料、除錯js效果,這時候呢就需要搭乙個伺服器以便我們除錯。平時我一般用的都是wamp,在www目錄下新建專案然後開始擼**,不過有時候呢不太方便,如果想實現自動重新整理呢還需要和webpack配合做一些配置,今天就介紹乙個外掛程式live-server,只需執行一條命令它就可以幫我們自動開啟瀏覽器,並且我們每次修改它都會自動重新整理,不用我們每次修改後都去點點點了~

首先需要全域性安裝

然後在該專案根目錄下開啟命令視窗 cmd 輸入live-server

也可以執行自己指定的命令,首先開啟 package.json,如果沒有就 npm init 初始化乙個,找到 script 這部分

在 test 下面配置乙個 start 命令

在命令視窗直接輸入 npm run start 也可以省略run , 稍等片刻它就會自動幫你開啟瀏覽器

當然我們也可以修改它的埠號還有一些其他的設定,重新修改 package.json 裡 start 的配置

其他配置如下

port: 8181,      

host: "0.0.0.0", 

root: "/public",

open: false, 

ignore: 'scss,my/templates', 

file: "index.html", 

wait: 1000

live server 快速搭建服務

爭取節省大家的時間,看看有多快.本地開發常常需要搭建臨時的服務,第一時間我們會想到用http server。但現在流行修改檔案瀏覽器自動重新整理,好像叫hot socketing 熱拔插 這時候又得用到live reload。既然裝逼就要裝到底,服務啟動了,我想瀏覽器自動開啟我的專案,再用個open...

夜深人靜寫演算法 快速排序(分治)

快速排序 採用分治的方法 一 1 將陣列的第乙個作為參考值,將所有小於該值的數移動到改值左側,將所有大於該值的數移動到陣列右側 利用兩個指標分別從陣列的首尾開始向中間掃瞄 2 將參考值的左側和右側看作新的兩個陣列 3 重新從 1 開始,直到陣列的大小為0 二 如圖為第一次遞迴,將小於23的移到左側,...

Gitlab 快速搭建

這篇部落格主要講一下gitlab如何進行快速搭建 安裝最快並且方便的安裝就是使用yum原來進行安裝,在安裝gitlab前的準備就是對yum源進行配置。gitlab的yum源有官網也有其他的,這裡我用的是清華大學的源。如下操作 vim etc yum.repos.d gitlab ce.repo gi...