2. 程式人生 > >【gulp】用gulp搭建一個前端專案

【gulp】用gulp搭建一個前端專案

阿新 • • 發佈：2018-12-15

一、安裝與建立

  • 1.安裝node：https://nodejs.org/zh-cn/

  • 2.安裝gulp：npm install gulp -g

  • 3.新建一個資料夾用來存放專案

  • 4.在命令列進入建立的資料夾輸入 gulp init即可

  • 5.新建一個gulpfile.js檔案配置任務

也可以使用我搭建好的專案模板：https://download.csdn.net/download/liyunkun888/10830654

二、專案目錄介紹

三、執行與打包

在專案根目錄開啟命令列，輸入gulp回車。

就會在專案根目錄自動生成一個dist目錄，扔到伺服器即可。

在瀏覽器輸入http://localhost:8088 即可瀏覽專案，如需自動開啟瀏覽器瀏覽專案

把gulpfile.js裡面中的註釋即可

相關推薦

【gulp】用gulp搭建一個前端專案

一、安裝與建立 1.安裝node：https://nodejs.org/zh-cn/ 2.安裝gulp：npm install gulp -g 3.新建一個資料夾用來存放專案 4.在命令列進入建立的資料夾輸入 gulp init即可 5.新建一

【轉】使用webmagic搭建一個簡單的爬蟲

class 直接 了解 pid 個數 粘貼 body 教程 相關配置 【轉】使用webmagic搭建一個簡單的爬蟲 剛剛接觸爬蟲，聽說webmagic很不錯，於是就了解了一下。 webmagic的是一個無須配置、便於二次開發的爬蟲框架，它提供簡單靈活的API，只需少量代碼

【人工智慧】用Python實現一個簡單的人臉識別，原來我和這個明星如此相似

近幾年來，興起了一股人工智慧熱潮，讓人們見到了AI的能力和強大，比如影象識別，語音識別，機器翻譯，無人駕駛等等。總體來說，AI的門檻還是比較高，不僅要學會使用框架實現，更重要的是，需要有一定的數學基礎，如線性代數，矩陣，微積分等。 幸慶的是，國內外許多大神都已經給我們造好“輪子”，我們可以直接來使用某些模型

【譯】用JavaScript寫一個區塊鏈

幾乎每個人都聽說過像比特幣和以太幣這樣的加密貨幣，但是隻有極少數人懂得隱藏在它們背後的技術。在這篇部落格中，我將會用JavaScript來建立一個簡單的區塊鏈來演示它們的內部究竟是如何工作的。我將會稱之為SavjeeCoin！ 全文分為三個部分： part1：實現一個基本的區塊鏈

【JavaScript】用JavaScript實現一個集合

add(value) ：向集合新增一個新的項。 delete(value) ：從集合移除一個值。 has(value) ：如果值在集合中，返回 true ，否則返回 false 。 clear() ：移

【JavaScript】用JavaScript實現一個連結串列

append(element) ：向列表尾部新增一個新的項。 insert(position, element) ：向列表的特定位置插入一個新的項。 indexOf(element) ：返回元素在列表中的索引。如果列表中沒有該元素則返回 -1 。 removeA

【實戰】如何親手搭建一個分散式 IM(即時通訊) 系統

前言 老讀者應該還記得我之前分享過一篇《設計一個百萬級的訊息推送系統》；雖然我在文中有貼一些虛擬碼，依然有些朋友希望能直接分享一些可以執行的原始碼；這麼久了是時候把坑填上了。 目錄結構：  

【SpringMVC】Intellij Idea搭建一個完整的 spring mvc專案 （附帶ibatis的配置與使用）

Intellij Idea + spring + ibatis + tomcat ＋ maven打造一個簡單的web專案 step 1. 使用idea ＋ maven建立一個web專案 建立好後，發現main下面沒有java資料夾，這裡可以手動

【springboot】【一】用idea建立一個簡易springboot專案

在idea中File->new->project選擇Spring Initializr (spring初始化程式)2.如果你用過maven name這個你應該認識了3.選擇spring元件，由於是web專案，先選擇webTemplateEngines 中有Free

【SpringBoot】2.快速搭建一個SpringBoot應用

上一篇部落格我們介紹了SpringBoot的概念，這裡我們通過快速搭建一個SpringBoot應用來體驗SpringBoot的特色。 1.建立工程 首先我們開啟MyEclipse，建立一個Maven工程： 然後選擇建立模式，這裡我們選擇不需要骨架： 最後填寫專案相關引數：

【MongoDB】用Docker安裝一個MongoDB最新版玩玩

1 安裝 本文假設大家已經安裝好了docker並能正常使用，所以不講解如何安裝docker了。用docker安裝MongoDB最新版本如下： # 從repository查詢mongo的相關映象，結果很多，其中第一條為官方的映象 $ docker search mongo # 下載官方映象的最新版本 $ doc

用腳手架搭建一個 vue 專案

# 一、需要安裝 node 環境 > 下載地址: https://nodejs.org/en/ > 中文網: http://nodejs.cn/ #### 安裝後為方便國內使用，可以把 npm 換成 taobao 的 cnpm (速度快) ```bash npm install -g cnpm --re

【轉】BBC解剖了一個200斤女子，看完你會用生命去減肥！

一個 是否 ID 中國 RM 過度 中國人口 理學 enter 此文有部分血腥的解剖畫面，如果無法忍受可以現在關掉頁面！ 　　最近BBC有一部紀錄片震驚全球， 　　他們用最直觀的方式告訴你肥胖有對可怕， 　　紀錄片的名字叫——解剖肥胖！▼ 　　紀錄片中，兩位解剖病理學專家

【python基礎】用字典做一個小型的查詢數據庫

import oot 字符 odin 參數錯誤 err 輸出 put 異常 例子來源於《python基礎教程》第三版，57p 該例子主要是使用字典的方式，實現一個小型的數據庫，通過查詢字典的鍵值來獲取用戶的信息。 本人修改了部分代碼。 #!/usr/bin/python3

【人工智能】用Python實現一個簡單的人臉識別，原來我和這個明星如此相似

數值 但是 智能 深度學習 lib python 數學 三方 python實現 近幾年來，興起了一股人工智能熱潮，讓人們見到了AI的能力和強大，比如圖像識別，語音識別，機器翻譯，無人駕駛等等。總體來說，AI的門檻還是比較高，不僅要學會使用框架實現，更重要的是，需要有一定的數

【很有趣】用Python實現一個簡單的人臉識別，原來我和這個明星如此相似

近幾年來，興起了一股人工智慧熱潮，讓人們見到了AI的能力和強大，比如影象識別，語音識別，機器翻譯，無人駕駛等等。總體來說，AI的門檻還是比較高，不僅要學會使用框架實現，更重要的是，需要有一定的數學基礎，如線性代數，矩陣，微積分等。 幸慶的是，國內外許多大神都已經給我們造好“輪子”，我們可

【搜尋引擎】用whoosh+無監督聚類搭建一套智慧搜尋引擎

因本介面自定義功能較多，且底層演算法自己搭建，故不再使用其他三方庫，只用whoosh其他演算法自己寫。 # -*- coding: utf-8 -*- from whoosh.fields import Schema,TEXT,ID from whoosh.index i

【python】用Notepad++編寫出第一個python程式

首先我們要安裝Notepad++ 官網下載：https://notepad-plus-plus.org/ 網盤下載：https://pan.baidu.com/s/1b3FNZ8w47HYes57YeG3KmA 提取碼: cu89 安裝簡單，選擇簡體中文安裝就好了，中間會有個配置安裝路徑

【vue】用vue-cli+bootstarp手動寫一個響應式的導航條

一、應用場景 在很多時候，我們的網站都是要求設計成響應式 也就是網站可以適應於 PC 端、平板和手機端 關於響應式的設計網上有很多教程，大致分為兩種： 1.使用一套程式碼，利用媒體查詢來適配不同的螢幕 2.使用兩套程式碼，根據使用者的終端不同切載入不同的程式碼來適配 兩種

【手把手】帶你擼一個基於vueCli 3.0的前端框架

vuecli 是 vue 的一套工具，便於我們快速開發，其使用方法也是千奇百怪，各種奇技淫巧層出不窮，網上大多教程也只是教你怎麼去安裝，並沒有說要怎麼去用，今天來和大家探討一下該怎麼合理的使用。 1、建立專案 假設你已經安裝過node了，執行下面命令安裝vuecli3.0，如果你之前安裝