🆕 https://mnya.tw/cc/word/1399.html
【作者：萌芽站長；💻萌芽綜合天地；🖥軟體應用 , 🌐網站技術 , 📄PHP , ⚙️Visual Studio Code】
為了要開始進行 PHP 的開發，把常用的 VSCode 升級也是理所當然的，因為之前已經用過 HTML 、CSS 和 JS 的程式碼自動美化工具，也非常習慣給 IDE 自動美化了...
#phpfmt #Visual_Studio_Code #VSCode #擴充功能 #PHP格式化 #PHP美化 #自動美化工具 #自動美化 #延伸模組 #軟體應用 #網站技術 #PHP #IDE #開發工具
【作者：萌芽站長；💻萌芽綜合天地；🖥軟體應用 , 🌐網站技術 , 📄PHP , ⚙️Visual Studio Code】
為了要開始進行 PHP 的開發，把常用的 VSCode 升級也是理所當然的，因為之前已經用過 HTML 、CSS 和 JS 的程式碼自動美化工具，也非常習慣給 IDE 自動美化了...
#phpfmt #Visual_Studio_Code #VSCode #擴充功能 #PHP格式化 #PHP美化 #自動美化工具 #自動美化 #延伸模組 #軟體應用 #網站技術 #PHP #IDE #開發工具
萌芽綜合天地
phpfmt（Visual Studio Code 擴充功能）：PHP 格式化／自動美化工具 – 萌芽綜合天地
「Visual Studio Code」是由微軟（Microsoft）開發的開放原始碼程式編輯器。 為了要開始進行 PHP 的開發，把常用的 VSCode 升級也是理所當然的，因為之前已經用過 HTML 、CSS 和 JS 的程式碼自動美化工具，也非常習慣給 IDE 自動美化了！所以就著手找了 PHP 專用的美化工具，在這裡分享給大家！讓大家開發 PHP 時不用自己縮排，交給 IDE 自動去做！
🆕 https://mnya.tw/cc/word/1430.html
【作者：萌芽站長；💻萌芽綜合天地；🖥軟體應用 , 🌐網站技術 , 📄Visual Studio Code】
今天要來推薦的這個 VSCode 擴充可以在編輯器內建立即時更新的本機伺服器，當網頁內容儲存馬上反應在瀏覽器的預覽頁面上...
#Live_Server #LiveServer #Visual_Studio_Code #VSCode #擴充功能 #編輯器內即時更新的本機伺服器 #即時更新本機伺服器 #即時更新 #本機伺服器 #伺服器 #軟體應用 #網站技術
【作者：萌芽站長；💻萌芽綜合天地；🖥軟體應用 , 🌐網站技術 , 📄Visual Studio Code】
今天要來推薦的這個 VSCode 擴充可以在編輯器內建立即時更新的本機伺服器，當網頁內容儲存馬上反應在瀏覽器的預覽頁面上...
#Live_Server #LiveServer #Visual_Studio_Code #VSCode #擴充功能 #編輯器內即時更新的本機伺服器 #即時更新本機伺服器 #即時更新 #本機伺服器 #伺服器 #軟體應用 #網站技術
萌芽綜合天地
Live Server（Visual Studio Code 擴充功能）：編輯器內即時更新的本機伺服器 – 萌芽綜合天地
「Visual Studio Code」是由微軟（Microsoft）開發的開放原始碼程式編輯器。 現在開發者工具越做越完善，只是缺乏別人的介紹而已！今天要來推薦的這個 VSCode 擴充可以在編輯器內建立即時更新的本機伺服器，當網頁內容儲存馬上反應在瀏覽器的預覽頁面上，速度非常快，就不用像過去一樣先儲存後在另外打開檔案預覽 … 而且有些情況直接打開網頁檔案是不能跑的，利用「Live…
🆕 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 上進行開發。