close

Pug

目前環境

  • Laravel：5.7
  • 資料庫：MariaDB

說明

  • 所謂的CRUD是指 新增(Create)、讀取(Read)、更新(Update)、刪除(Delete) 在程式動作中，基本的四個動作。
  • Laravel 是一個開源的PHP框架，它由Taylor Otwell開發，支持MVC模式。
  • Vue.js是一個用於建立使用者介面的開源JavaScript框架，也是一個建立單頁面應用的Web應用框架。
  • pug 是一個可以簡化html 標籤語法的套件。

裝好 vue.js 的套件後，我們再來要裝 pug 的套件，他是一個能讓 html 的標籤簡易化的程式，相關官網如下

官網：https://pugjs.org/api/getting-started.html

201810162151-1.png

 

左邊是 pug 、右邊是 html ，左邊相對易讀好理解，當遇到槽狀結構時，更加明顯，之後我都會以這樣的方式 編寫

201810162153-3.png

1、安裝去

我們必須安裝 pug 及 pug-loader ，我們執行以下指令

npm install pug pug-loader --save

201810162159-4.png

2、檢查是否有安裝

201810162201-5.png

3、完工

上一篇：[CRUD for Laravel & Vue.js] -11- 架設 - npm - Vue.js 相關套件

下一篇：[CRUD for Laravel & Vue.js] -13- 架設 - npm - vee-validate 套件

[CRUD for Laravel & Vue.js] 文章列表（全）

感謝各位的觀看，如您喜歡我們用心的編排和內容，如您願意支持我們繼續編寫良好的文章，請您幫我們點點廣告，或者點點友情連結的路徑，動動您的手指，我們會非常感謝您的支持！

在此我們非常感謝瑜誠工業有限公司的支持和贊助，如您喜歡我們，也請各位多多參訪該公司網頁，並如您有需求，也能詢問該公司產品，連結： 鑽頭專業製造

文中如有技術不良或寫錯的部份，如您願意指出，我們也很樂意接受您的指正，但請不要惡意攻撃，我們只是為了樂趣而寫的文章。

arrow
arrow
    文章標籤
    crud pug 架設 html
    全站熱搜
    創作者介紹
    創作者 雲橙雨林 的頭像
    雲橙雨林

    雲橙雨林

    雲橙雨林 發表在 痞客邦 留言(0) 人氣()

    E-mail轉寄