🆕 https://mnya.tw/cc/word/1431.html
【✨精選文章;作者:萌芽站長;💻萌芽綜合天地;🖥軟體應用 , 🌐網站技術 , ⚙️JavaScript , 🗂Node.js , 🗃Webpack , 📄Visual Studio Code】
距離上次發表 Node.js 教學文時隔四個月的時間,暑假決定來好好研究一波 Webpack,它跟 Gulp 算是同樣類型的工具,Gulp 偏向自己寫流程,Webpack 則是...
#Node_js #Nodejs #Webpack #基礎概念 #Webpack基礎概念 #JS封裝過程教學 #JavaScript封裝過程教學 #JS #JavaScript #使用VSCode #VSCode #Visual_Studio_Code #軟體應用 #網站技術 #網頁壓縮 #網頁封裝 #壓縮 #封裝
【✨精選文章;作者:萌芽站長;💻萌芽綜合天地;🖥軟體應用 , 🌐網站技術 , ⚙️JavaScript , 🗂Node.js , 🗃Webpack , 📄Visual Studio Code】
距離上次發表 Node.js 教學文時隔四個月的時間,暑假決定來好好研究一波 Webpack,它跟 Gulp 算是同樣類型的工具,Gulp 偏向自己寫流程,Webpack 則是...
#Node_js #Nodejs #Webpack #基礎概念 #Webpack基礎概念 #JS封裝過程教學 #JavaScript封裝過程教學 #JS #JavaScript #使用VSCode #VSCode #Visual_Studio_Code #軟體應用 #網站技術 #網頁壓縮 #網頁封裝 #壓縮 #封裝
萌芽綜合天地
Node.js:Webpack 基礎概念與 JS 封裝過程教學(使用 VS Code) – 萌芽綜合天地
距離上次發表 Node.js 教學文時隔四個月的時間,暑假決定來好好研究一波 Webpack,它跟 Gulp 算是同樣類型的工具,Gulp 偏向自己寫流程,Webpack 則是寫好配置文件交由程式直接跑,就不用自己設定流程,不過最終都是達到封裝的目的,至於網頁為什麼要封裝?身為站長的我必須告訴你,一個網站若沒有做封裝,除了用戶要下載的資訊量較多,檔案下載要求也會非常多,這會導致載入速度過慢的問題,
🆕 https://mnya.tw/cc/word/1432.html
【✨精選文章;作者:萌芽站長;💻萌芽綜合天地;🖥軟體應用 , 🌐網站技術 , 🎨CSS , 🎨Sass/SCSS , ⚙️JavaScript , 🗂Node.js , 🗃Webpack , 📄Visual Studio Code】
上一篇我們已經講到 Webpack 的基礎概念與如何做 JS(JavaScript) 的封裝,這一篇則是要教大家如何用 Webpack 封裝 CSS 與 SCSS...
#Node_js #Nodejs #Webpack #封裝CSS #封裝SCSS #封裝 #CSS #SCSS #Sass #JS #JavaScript #使用VSCode #VSCode #Visual_Studio_Code #軟體應用 #網站技術 #網頁壓縮 #網頁封裝 #壓縮 #封裝
【✨精選文章;作者:萌芽站長;💻萌芽綜合天地;🖥軟體應用 , 🌐網站技術 , 🎨CSS , 🎨Sass/SCSS , ⚙️JavaScript , 🗂Node.js , 🗃Webpack , 📄Visual Studio Code】
上一篇我們已經講到 Webpack 的基礎概念與如何做 JS(JavaScript) 的封裝,這一篇則是要教大家如何用 Webpack 封裝 CSS 與 SCSS...
#Node_js #Nodejs #Webpack #封裝CSS #封裝SCSS #封裝 #CSS #SCSS #Sass #JS #JavaScript #使用VSCode #VSCode #Visual_Studio_Code #軟體應用 #網站技術 #網頁壓縮 #網頁封裝 #壓縮 #封裝
萌芽綜合天地
Node.js:Webpack 封裝 CSS、SCSS 成單一 JS 教學(使用 VS Code) – 萌芽綜合天地
上一篇:Node.js:Webpack 基礎概念與 JS 封裝過程教學(使用 VS Code)》我們已經講到 Webpack 的基礎概念與如何做 JS(JavaScript) 的封裝,這一篇則是要教大家如何用 Webpack 封裝 CSS 與 SCSS,而且最終是跟原來的 JS 一起包裝成單一個 JS 檔!這樣最終的「產品」只要要求一個 JS 檔案就可以同時獲得所有需要的樣式表與腳本了!
🆕 https://mnya.tw/cc/word/1454.html
【✨精選文章;作者:萌芽站長;💻萌芽綜合天地;🌐網站技術 , ⚙️程式設計 , 🗂Git , 📄Visual Studio Code】
其實個人一直以來都沒有使用 Git,畢竟一直都是個人開發一些小型專案為主,像是萌芽網頁,所以採用最傳統「複製檔案」的方式做版本管理...
#Git版本控制 #Git #版本控制管理 #版本控制 #版本管理 #建立本地倉庫 #初始化本地倉庫 #本地倉庫 #暫存變更 #認可變更 #提交變更 #使用VSCode #VSCode #Visual_Studio_Code #網站技術 #程式設計
【✨精選文章;作者:萌芽站長;💻萌芽綜合天地;🌐網站技術 , ⚙️程式設計 , 🗂Git , 📄Visual Studio Code】
其實個人一直以來都沒有使用 Git,畢竟一直都是個人開發一些小型專案為主,像是萌芽網頁,所以採用最傳統「複製檔案」的方式做版本管理...
#Git版本控制 #Git #版本控制管理 #版本控制 #版本管理 #建立本地倉庫 #初始化本地倉庫 #本地倉庫 #暫存變更 #認可變更 #提交變更 #使用VSCode #VSCode #Visual_Studio_Code #網站技術 #程式設計
萌芽綜合天地
Git 版本控制:建立與初始化本地倉庫、暫存與認可變更(使用 VS Code) – 萌芽綜合天地
其實個人一直以來都沒有使用 Git,畢竟一直都是個人開發一些小型專案為主,像是萌芽網頁,所以採用最傳統「複製檔案」的方式做版本管理,不過這是挺笨的方法,早在十多年前 Git 就問世了!專門幫助工程師為程式碼做版本管理,這樣萬一出什麼差錯可以復原到上個版本,而且還能做到同步雲端的功能!因為有了雲端管理程式碼,多人協作一個程式專案就不再是問題了!
🆕 https://mnya.tw/cc/word/1463.html
【作者:萌芽站長;💻萌芽綜合天地;💻軟體應用 , 🌐網站技術 , ⌨️程式設計 📦Git , 📄Visual Studio Code】
在上一篇我已經解說了如何使用 VS Code(Visual Studio Code)來搭配 Git 做到建立與初始化本地倉庫(也有人翻譯成存放庫,英文:Repository)...
#Git版本控制 #版本控制 #建立分支 #切換分支 #合併分支 #分支 #GitHub #Git #軟體應用 #網站技術 #程式設計 #Visual_Studio_Code #VS_Code
【作者:萌芽站長;💻萌芽綜合天地;💻軟體應用 , 🌐網站技術 , ⌨️程式設計 📦Git , 📄Visual Studio Code】
在上一篇我已經解說了如何使用 VS Code(Visual Studio Code)來搭配 Git 做到建立與初始化本地倉庫(也有人翻譯成存放庫,英文:Repository)...
#Git版本控制 #版本控制 #建立分支 #切換分支 #合併分支 #分支 #GitHub #Git #軟體應用 #網站技術 #程式設計 #Visual_Studio_Code #VS_Code
萌芽綜合天地
Git 版本控制:建立分支、切換分支、合併分支(使用 VS Code) – 萌芽綜合天地
在《上一篇:Git 版本控制:建立與初始化本地倉庫、暫存與認可變更(使用 VS Code)》我已經解說了如何使用 VS Code(Visual Studio Code)來搭配 Git 做到建立與初始化本地倉庫(也有人翻譯成存放庫,英文:Repository)、暫存與認可變更,這次我們要介紹 Git 的另一個功能「分支」,版本管理當然不只一個時間軸,可以多個時間軸,做不同功能的放不同分支,
🆕 https://mnya.tw/cc/word/1464.html
【作者:萌芽站長;💻萌芽綜合天地;💻軟體應用 , 🌐網站技術 , ⌨️程式設計 📦Git , 📄Visual Studio Code】
在上一篇已經教大家在本地做分支的異動,但是若只是在本地存放庫(倉庫)那可就完全沒發揮到 Git 的過人之處:雲端同步與多人協作...
#Git版本控制 #版本控制 #專案上傳 #專案推送 #將專案上傳至遠端存放庫 #遠端存放庫 #推送至遠端存放庫 #上傳至遠端存放庫 #存放庫 #倉庫 #GitHub #Git #軟體應用 #網站技術 #程式設計 #Visual_Studio_Code #VS_Code
【作者:萌芽站長;💻萌芽綜合天地;💻軟體應用 , 🌐網站技術 , ⌨️程式設計 📦Git , 📄Visual Studio Code】
在上一篇已經教大家在本地做分支的異動,但是若只是在本地存放庫(倉庫)那可就完全沒發揮到 Git 的過人之處:雲端同步與多人協作...
#Git版本控制 #版本控制 #專案上傳 #專案推送 #將專案上傳至遠端存放庫 #遠端存放庫 #推送至遠端存放庫 #上傳至遠端存放庫 #存放庫 #倉庫 #GitHub #Git #軟體應用 #網站技術 #程式設計 #Visual_Studio_Code #VS_Code
萌芽綜合天地
Git 版本控制:將專案上傳至遠端存放庫(使用 VS Code、GitHub) – 萌芽綜合天地
在《上一篇:Git 版本控制:建立分支、切換分支、合併分支(使用 VS Code)》已經教大家在本地做分支的異動,但是若只是在本地存放庫(倉庫)那可就完全沒發揮到 Git 的過人之處:雲端同步與多人協作,因此我們一定要學習如何將本地的專案上傳到遠端的存放庫,這個存放庫可以是自架設的 Git 伺服器、GitHub 等,這裡我們就用 GitHub 作為示範,其他 Git 伺服器上的操作方式基本上都相似。
🆕 https://mnya.tw/cc/word/1510.html
【✨精選文章;作者:萌芽站長;💻萌芽綜合天地;🖱生活相關 , 🖥軟體應用 , 🌐瀏覽器 , 📲行動平台 , 📱行動裝置 , 🔐資訊安全 , 📑學業筆記 , 🔘Google Chrome , 🧩擴充元件 , 🤖Android , 📄Visual Studio Code】
在這個資訊化的現代社會,網路是幾乎人人都會接觸到的一項工具。影片中,我們將會介紹一些關於資訊的實用小技巧、資管人想知道的趨勢與方向、以及大家必須知道的資安問題...
#合作影片 #資管の小教室 #資訊化 #資管人 #萌芽綜合天地 #實用小技巧 #趨勢與方向 #VSCode #資安問題 #中文字幕 #生活相關 #軟體應用 #瀏覽器 #行動平台 #行動裝置 #資訊安全 #學業筆記 #Google_Chrome #GoogleChrome #Google #Chrome #擴充元件 #Chrome擴充元件 #Android #Visual_Studio_Code
【✨精選文章;作者:萌芽站長;💻萌芽綜合天地;🖱生活相關 , 🖥軟體應用 , 🌐瀏覽器 , 📲行動平台 , 📱行動裝置 , 🔐資訊安全 , 📑學業筆記 , 🔘Google Chrome , 🧩擴充元件 , 🤖Android , 📄Visual Studio Code】
在這個資訊化的現代社會,網路是幾乎人人都會接觸到的一項工具。影片中,我們將會介紹一些關於資訊的實用小技巧、資管人想知道的趨勢與方向、以及大家必須知道的資安問題...
#合作影片 #資管の小教室 #資訊化 #資管人 #萌芽綜合天地 #實用小技巧 #趨勢與方向 #VSCode #資安問題 #中文字幕 #生活相關 #軟體應用 #瀏覽器 #行動平台 #行動裝置 #資訊安全 #學業筆記 #Google_Chrome #GoogleChrome #Google #Chrome #擴充元件 #Chrome擴充元件 #Android #Visual_Studio_Code
萌芽綜合天地
資管の小教室(實用小技巧、趨勢與方向、資安問題) – 萌芽綜合天地
在這個資訊化的現代社會,網路是幾乎人人都會接觸到的一項工具。影片中,我們將會介紹一些關於資訊的實用小技巧、資管人想知道的趨勢與方向、以及大家必須知道的資安問題: (1) 實用小技巧:在使用電腦時,我們經常會瀏覽網頁,因此瀏覽器是很重要的工具,而智慧型手機已經成為我們日常生活中的一部分。在這個環節中,我們會針對 Google Chrome 的擴充功能以及手機的優化,這兩點來做介紹。
🆕 https://mnya.tw/cc/word/1543.html
【作者:萌芽站長;💻萌芽綜合天地;🖥軟體應用 , 🌐網站技術 , 📄HTML , ⚙️Visual Studio Code】
之前開發 JavaScript 就有找到一款擴充功能(參考:Bracket Pair Colorizer)可以將上下括弧的區域標示出來,使程式撰寫更加容易,但 HTML 標籤同樣是有區域的...
#Highlight_Matching_Tag #Visual_Studio_Code #VSCode #擴充功能 #HTML開始與結束標籤強調與標示 #開始標籤 #結束標籤 #強調與標記 #延伸模組 #軟體應用 #網站技術 #HTML #IDE #開發工具
【作者:萌芽站長;💻萌芽綜合天地;🖥軟體應用 , 🌐網站技術 , 📄HTML , ⚙️Visual Studio Code】
之前開發 JavaScript 就有找到一款擴充功能(參考:Bracket Pair Colorizer)可以將上下括弧的區域標示出來,使程式撰寫更加容易,但 HTML 標籤同樣是有區域的...
#Highlight_Matching_Tag #Visual_Studio_Code #VSCode #擴充功能 #HTML開始與結束標籤強調與標示 #開始標籤 #結束標籤 #強調與標記 #延伸模組 #軟體應用 #網站技術 #HTML #IDE #開發工具
萌芽綜合天地
Highlight Matching Tag(Visual Studio Code 擴充功能):HTML 開始與結束標籤強調與標示 – 萌芽綜合天地
Visual Studio Code」是由微軟(Microsoft)開發的開放原始碼程式編輯器。 之前開發 JavaScript 就有找到一款擴充功能(參考:Bracket Pair Colorizer)可以將上下括弧的區域標示出來,使程式撰寫更加容易,但 HTML 標籤同樣是有區域的,就是由開始標籤 <標籤名稱> 與結束標籤 </標籤名稱> 所框住的指定區域,但預設卻沒有標示,覺得有些不便!
🆕 https://mnya.tw/cc/word/1687.html
【作者:萌芽站長;💻萌芽綜合天地;🖥軟體應用】
Visual Studio Code 中的「取代」功能是支援使用規則運算式來尋找及取代字元的,而軟體本身是採用 .NET 的規則運算式,舉例來說...
🔥 白話文:站長長期製作公路行車錄影系列,影片下方一大堆的時間軸標記是怎麼處理的?密技全公開!
#Visual_Studio_Code #VS_Code #規則運算式 #尋找 #取代 #SRT字幕檔 #SRT #字幕檔 #轉換 #時間軸 #時間軸標記 #時間戳記 #軟體應用
【作者:萌芽站長;💻萌芽綜合天地;🖥軟體應用】
Visual Studio Code 中的「取代」功能是支援使用規則運算式來尋找及取代字元的,而軟體本身是採用 .NET 的規則運算式,舉例來說...
🔥 白話文:站長長期製作公路行車錄影系列,影片下方一大堆的時間軸標記是怎麼處理的?密技全公開!
#Visual_Studio_Code #VS_Code #規則運算式 #尋找 #取代 #SRT字幕檔 #SRT #字幕檔 #轉換 #時間軸 #時間軸標記 #時間戳記 #軟體應用
萌芽綜合天地
Visual Studio Code:運用規則運算式尋找取代達成 SRT 字幕檔轉換為時間軸標記(時間戳記) – 萌芽綜合天地
Visual Studio Code 中的「取代」功能是支援使用規則運算式來尋找及取代字元的,而軟體本身是採用 .NET 的規則運算式,舉例來說, 是換行的意思、 是比對任何空白字元的意思、 是比對 0 至 9 範圍之間的任何字元,詳細介紹還請參考此文件。運用規則運算式搭配尋找取代功能的方式,我們就能做到將 SRT 字幕檔轉換為時間軸標記(時間戳記),即可於串流平台(像是…
🆕 https://mnya.tw/cc/word/1811.html
【作者:萌芽站長;💻萌芽綜合天地;🖥軟體應用 , 🌐網站技術 , 📄HTML , 🎨CSS , ⚙️Visual Studio Code】
「Visual Studio Code」是由微軟(Microsoft)開發的開放原始碼程式編輯器。
「Master Styles Language Service」這個擴充功能可以幫助您使用 Master 框架開發網頁!因為這個框架採用較新穎的概念...
#Master_Styles_Language_Service #Visual_Studio_Code #VSCode #擴充功能 #Master框架 #Master #框架 #語法突顯 #完成提示 #延伸模組 #軟體應用 #網站技術 #HTML #CSS #IDE #開發工具
【作者:萌芽站長;💻萌芽綜合天地;🖥軟體應用 , 🌐網站技術 , 📄HTML , 🎨CSS , ⚙️Visual Studio Code】
「Visual Studio Code」是由微軟(Microsoft)開發的開放原始碼程式編輯器。
「Master Styles Language Service」這個擴充功能可以幫助您使用 Master 框架開發網頁!因為這個框架採用較新穎的概念...
#Master_Styles_Language_Service #Visual_Studio_Code #VSCode #擴充功能 #Master框架 #Master #框架 #語法突顯 #完成提示 #延伸模組 #軟體應用 #網站技術 #HTML #CSS #IDE #開發工具
萌芽綜合天地
Master Styles Language Service(Visual Studio Code 擴充功能):Master 框架的語法突顯及完成提示 – 萌芽綜合天地
「Visual Studio Code」是由微軟(Microsoft)開發的開放原始碼程式編輯器。 「Master Styles Language Service」這個擴充功能可以幫助您使用 Master 框架開發網頁!因為這個框架採用較新穎的概念,也就是虛擬 CSS(Virtual CSS),會將 CSS 語法都寫在 HTML 的 class 中,
🆕 https://mnya.tw/cc/word/1998.html
#WSL #Visual_Studio_Code #擴充功能 #延伸模組 #快速編輯 #程式 #檔案 #軟體應用 #VS_Code #VSCode
#WSL #Visual_Studio_Code #擴充功能 #延伸模組 #快速編輯 #程式 #檔案 #軟體應用 #VS_Code #VSCode
萌芽綜合天地
WSL(Visual Studio Code 擴充功能):快速編輯 WSL 中的程式或檔案 – 萌芽綜合天地
WSL 這款 Visual Studio Code 擴充功能可讓您在 Windows 上使用 VS Code 建立可在 Windows Subsystem for Linux (WSL) 上執行的 Linux 應用程式。您可以在使用 Linux 工具、執行階段和工具程式的同時,享受 Windows 生產力所帶來的好處。WSL 擴充套件讓您可以使用 VS Code 在 WSL 上進行開發。