Wei 技術分享

一、介紹 Visual Studio Code 是微軟開發且跨平台的原始碼編輯器。 二、 安裝 進入 「官網」 ，點擊 Download 安裝 下載的檔案 選 我同意 ，再按 下一步 選 建立桌面圖示 ，再按 下一步 按 安裝 安裝中 按 完成 三、擴充套件安裝       1. 按 紅色框起來的 extions 圖示       2. 搜尋 HTML ，安裝 HTML Snippets       3.  安裝 HTML Preview       4.  搜尋 Vetur ，安裝 Vetur 四、相關連結 「Visual Studio Code」安裝與擴充工具安裝 快速開發 Vue.js 工具「Vue CLI」安裝教學 快速的套件管理工具「Yarn」 讓 JavaScript 能在伺服器端執行的環境 「node.js」 使用「Vue Cli」建立、打包、安裝 專案 五、參考連結 Visual Studio Code

一、介紹 Vue CLI 是由 Vue.js 團隊所開發，用來提供開發者快速建置 Vue.js 專案並整合相關工具鍊工具。 二、安裝 Vue CLI 安裝需透過 npm 或 yarn 套件管理工具來安裝，筆者會一同介紹 node.js 、 yarn 的安裝。 安裝步驟如下 node.js ( 會一同安裝 npm ) yarn ( 透過 npm 安裝 ) vue cli ( 透過 yarn 安裝 ) node.js 安裝 筆者使用環境為 windows 10 、 node.js(14.15.1) ，因此筆者會介紹在 windows 10 安裝 v14.15.1 ，詳細安裝可參考 文章 進入 https://nodejs.org/download/release/v14.15.1/ 依據作業系統選擇不同版本 依照 作業系統 建議選擇 IOS 選擇 副檔名為 pkg 的檔案 Windows 選擇 副檔名為 msi 的檔案 依照 CPU 位元 建議選擇 64位元 選 x64 32位元 選 x86 安裝 node.js (一同安裝 npm ) 開起 cmd 下指令 node -v 、 node -v 檢查是否安裝成功 yarn 安裝 快速安裝套件的管理工具 yarn ，詳細參考 文章 開起 cmd 下指令，即可安裝 yarn npm install --global yarn 重開 cmd 下指令 yarn -v 檢查是否安裝成功 vue cli 安裝 安裝好 node.js 、 npm 、 yarn 後，就可以安裝 Vue Cli 開起 cmd 下指令，即可安裝 Vue Cli yarn global add @vue/cli 重開 cmd 下指令 vue --version 檢查是否安裝成功 三、相關連結 「Visual Studio Code」安裝與擴充工具安裝 快速開發 Vue.js 工具「Vue CLI」安裝教學 快速的套件管理工具「Yarn」 讓 JavaS

一、介紹 Microsoft Teams 為微軟旗下的通訊軟體，它整合聊天、視訊、Office 365、Execel、Word、OneNote…等功能。 比爾蓋茲提出 Skype for Business 的想法，因此有了 Microsoft Teams 這個產品，為了與 Slack…等商用軟體相抗衡。 二、 Nuget 安裝 Newtonsoft.Json 12.0.3 三、Incoming WebHook 設定 訊息可藉由 Teams 的應用程式 Incoming WebHook 傳輸訊息 圖、點擊 … > 搜尋 Incoming WebHook > 點擊 Incoming WebHook 圖、點擊 新增至團隊 圖、選擇 你的頻道 > 點擊 設定連結器 圖、輸入 WebHook 名稱 > 點擊 建立 圖、複製 WebHook Url > 點擊 完成 四、操作步驟 圖、貼上範例碼，修改成你的 WebHook Url，執行後即可在 Teams 看到 測試訊息 的訊息 範例碼 using (var wc = new WebClient()) { wc.Headers.Add("Content-Type", "application/json"); var data = new { text = "測試訊息" }; var jsonStr = JsonConvert.SerializeObject(data); var bytes = System.Text.Encoding.UTF8.GetBytes(jsonStr); var res = wc.UploadData("https://你的 WebHook Url", bytes); Console.WriteLine(System.Text.Encoding.UTF8.GetString(res)); } 圖、執行結果 五、相關連結 使用「Visual Studio 2019」建置 主控台 Console 應用程式 使用「LINE Messaging API」發送 line 訊息

情境 圖、當編譯時遇到 無法載入 Microsoft.ReportViewer.Common Version=12.0.0.0 狀況 操作步驟 圖、進到網址 MICROSOFT REPORT VIEWER 2015 RUNTIME > 下載 > 安裝 圖、下一步 圖、下一步 圖、安裝 圖、編譯成功 參考 MICROSOFT REPORT VIEWER 2015 RUNTIME

安裝 圖、延伸模組 > 管理延伸模組 圖、下載 GitHub Extension For Visual Studio 圖、按下 關閉 圖、關閉 Visual Studio 2019 圖、按下 Modify 圖、安裝完成 操作步驟 圖、Git 變更 > 複製儲存庫 圖、選擇 GitHubs 圖、使用你的瀏覽器登入 圖、輸入 帳號、密碼 圖、選擇存放庫 > 選擇路徑 > 複製 圖、複製存放庫 圖、結果 相關連結 使用「Visual Studio 2019」建置一個有 Mvc 和 Web Api 架構的網站 「Git」基礎操作 「Git」安裝 在Visual Studio 2019 使用 Subversion 的客服端工具「AnkhSVN2019」 參考 github