「Visual Studio Code」安裝與擴充工具安裝

-

一、介紹

Visual Studio Code 是微軟開發且跨平台的原始碼編輯器。

二、 安裝

  1. 進入「官網」，點擊 Download


  1. 安裝 下載的檔案


  1. 選 我同意，再按 下一步


  1. 選 建立桌面圖示，再按 下一步


  1. 按 安裝


  1. 安裝中


  1. 按 完成


三、擴充套件安裝

      1. 按 紅色框起來的 extions 圖示

      2. 搜尋 HTML，安裝 HTML Snippets

      3.  安裝 HTML Preview


      4.  搜尋 Vetur，安裝 Vetur

四、相關連結

  1. 「Visual Studio Code」安裝與擴充工具安裝
  2. 快速開發 Vue.js 工具「Vue CLI」安裝教學
  3. 快速的套件管理工具「Yarn」
  4. 讓 JavaScript 能在伺服器端執行的環境 「node.js」
  5. 使用「Vue Cli」建立、打包、安裝 專案

五、參考連結

  1. Visual Studio Code

留言

張貼留言

這個網誌中的熱門文章

使用「Visual Studio 2019」建置 Windows 服務

-
圖片
一、開發環境 整合開發環境：Visual Studio 2019 語言：C# .net framework：4.6.2 二、建置 Windows 服務專案 圖、開啟 Visual Studio 2019 ，點 建立新的專案 圖、選擇 Windows 服務(.net framework) 圖、輸入相關資訊 圖、選擇 Service1.cs > 滑鼠右鍵 > 檢視原始碼，即可看到 Windows 服務 起初的原始碼 圖、對 專案 > 滑鼠右鍵 > 重建，即可在 bin 資料夾底下見到建置好的結果 三、登錄 Windows 服務 圖、輸入登錄指令 指令 sc create 服務名稱 binpath=D:\服務路徑\XXX.exe start=auto 圖、Windows 服務畫面即可看到剛剛的服務 四、相關連結 使用「SC」指令 登錄、刪除 Windows 服務 五、參考 sc 指令
閱讀完整內容

使用「IMAP」讀取「Gmail」信件的主旨

-
圖片
一、開發環境 整合開發環境：Visual Studio 2019 語言：C# .net framework：4.6.2 二、 Nuget 圖、套件 MailSystem.NET 二、允許低安全性應用程式 要使用 IMAP 讀取 Gmail 的信，需啟用 允許低安全性應用程式 未啟用 允許低安全性應用程式 會發生底下錯誤 [AUTHENTICATIONFAILED] Invalid credentials 圖、AUTHENTICATIONFAILED Invalid credentials 啟用 允許低安全性應用程式 圖、登入 Gmail > 按下 管理你的 Google 帳戶 > 進入 Google Console 頁面 圖、按下 安全性 > 按下 開請存取權(不建議) 圖、啟用 允許低安全性應用程式 三、讀取信件主旨的範例 原始碼 c# using (var imap = new Imap4Client()) { var rets = new List<string>();      //imap.gmail.com 為 Google 的 IMAP Server imap.ConnectSsl("imap.gmail.com", 993); imap.Login("你的Gmail", "你的Gmail密碼"); var inboxs = imap.AllMailboxes.Cast<Mailbox>().Select(x => x.Name).ToList(); if (inboxs.IndexOf("INBOX") > -1) { var inbox = imap.SelectMailbox("INBOX"); for (var i = 1; i <= inbox.MessageCount; i++) { //讀取信件 var m = inbox.Fetch.MessageObject(i); ...
閱讀完整內容

讓 JavaScript 能在伺服器端執行的環境 「node.js」

-
圖片
一、介紹 node.js 讓 JavaScript 改頭換面，讓它可以成為伺服器端的程式語言，真是好神奇呀，趕快介紹如何安裝它吧。 二、操作步驟 圖、開啟瀏覽器輸入網址 https://nodejs.org/en/ > 下載 LTS 版本 圖、安裝 > 按 next 圖、按 next 圖、選擇安裝路徑 > 按 next 圖、按 next 圖、按 next 圖、按 Install 圖、安裝 圖、按 Finish 圖、開啟 命令提攜字元 圖、輸入指令 node -v node -v 是檢視目前 node.js 版本 cmd 指令 node -v 三、相關連結 「Windows PowerShell」介紹 四、參考 nodejs
閱讀完整內容

「Bonobo Git Server」安裝

-
圖片
一、介紹 Bonobo Git Server 是建置 Git Server 的軟體，相較於 GitLab 目前只安裝於 Linux 作業系統， Bonobo Git Server 可安裝於 Windows 的 IIS 上。此篇文章將介紹如何安裝與使用 二、安裝 Bonobo Git Server 圖、下載 Bonobo Git Server 圖、解壓縮至 E:\Bonobo.Git.Server 。(非 C 槽即可) 圖、開啟 IIS ， 新增應用程式 圖、輸入應用程式資訊 圖、按下 GitServer ，再點擊 2 次，右邊的選單 驗證 圖、確認 匿名驗證 是否 啟用 ，如果沒有則 啟用 圖、瀏覽 GitServer 圖、輸入預設的帳號 admin 、預設密碼為 admin 圖、點 USER 圖、建立新的帳號、密碼 圖、確認新的帳號後，點 Repositories 圖、按下 Create new repository 圖、輸入 repository 資訊 圖、 repository  資訊 三、Visual Studio 2019 與 Bonobo Git Server 的搭配 圖、按下 Copy repository URL 圖、開啟 Visual Studio 2019 ，按下 Git 變更 ，按下 推送 圖、按下 現有遠端儲存庫 ，將剛剛複製的 repository URL 貼上 遠端URL ，按下 推送 圖、輸入剛剛新建的帳號、密碼 圖、對右下角 master 右鍵按下 檢視歷程記錄 ，即可看到推送至遠端 四、相關連結 「Git」基礎操作 「Git」安裝 「Win8」開啟「IIS」服務 五、參考 Bonobo Git Server 下載 Bonobo Git Server 安裝
閱讀完整內容

「SonarLint」程式碼品質最佳利器

-
圖片
一、前言 筆者工作的經驗常接手維護先前的專案，因公司以前未導入程式碼品質工具，較容易遇到不易閱讀的程式碼和較特殊的語法。為了日後讓大家撰寫程式能盡量一致、好閱讀，因此引入程式碼品質工具 SonarLint ， SonarLint 提供程式碼的建議和規範，讓新進員工或老員工能有較一致的程式碼寫法。 二、開發環境 整合開發環境：Visual Studio 2019 語言：C# .net framework：4.6.2 三、SonarLit for Visual Studio 2019 安裝 圖、延伸模組 > 管理延伸模組 圖、選擇 SonarLit for Visual Studio 2019  > 下載 圖、安裝前先關閉 SonarLit for Visual Studio 2019 ，再安裝 圖、安裝後 SonarLit for Visual Studio 2019 會有 SonarLit 的提示 四、安裝前後的比較 圖、安裝前後的比較 五、相關連結 使用「Visual Studio 2019」建置一個有 Mvc 和 Web Api 架構的網站 「軟體三層式架構」介紹與實作 使用「Visual Studio 2019」建置單元測試專案
閱讀完整內容

如何取得 FaceBook 的「應用程式編號」、「應用程式密鑰」。

-
圖片
一、介紹 本文章將會介紹如何取得 FaceBook 的「應用程式編號」、「應用程式密鑰」。 二、OAuth 2.0 「OAuth 2.0」 是一個開放標準，允許使用者讓第三方應用程式取得該使用者在某個應用程式上的資訊，無須取得該用戶的密碼、帳號。 三、取得FaceBook的「應用程式編號」、「應用程式密鑰」 圖一、使用瀏覽器進入到 facebook developer ，點選 下一步 圖二、輸入 電話號碼 、 確認碼 圖三、點選 開發人員 圖四、點選 建立首款應用程式 圖五、選取 管理企業管理工具 ，再點選 繼續 圖六、輸入 應用程式顯示名稱 、應用程式用途選取 你自己或你的商家 、再點選 繼續 圖七、點選 提交 圖八、FaceBook 登入選擇 設定 圖九、選擇左邊選單的 設定 圖十、輸入 有效的 OAuth 重新導向 URI 圖十一、點選 設定 > 基本資料 ，即可取得 應用程式編號 、 應用程式密鑰 三、取得FB的「存取權杖工具 」 圖一、點選 上方 工具 ，再點選 存取權杖工具 圖二、取得FaceBook應用程式的 存取權杖工具 四、參考 facebook developer OAuth 2.0 facebook 存取權杖 建置一個使用「FaceBook」、「Google」帳號登入的「Asp.net MVC」 網站。
閱讀完整內容

「Apache Maven」安裝步驟

-
圖片
一、介紹 「Apache Maven」 是Apache軟體基金會所開發的軟體，被廣泛應用於 JAVA 自動化編譯、發佈、管理的工具。 二、安裝 圖一、安裝 Apache Maven 前須先安裝 OpenJDK 。 圖二、下載 Apache Maven 。 圖三、解壓縮 Apache Maven 至路徑 F:\maven 。( 解壓縮位置可選擇其他路徑。 ) 圖四、系統變數 Path 於尾端加入 ;F:\maven\bin 。( 注意有分號。 ) 圖五、開啟 命令提示字元 輸入 mvn -ver ，出現以下畫面則代表安裝成功。 三、相關連結 OpenJDK 安裝步驟 四、參考 Apache Maven Wiki Apache Maven 官網 Apache Maven 下載頁面
閱讀完整內容

快速的套件管理工具「Yarn」

-
圖片
一、介紹 安裝 node.js 時會一同安裝 npm 套件管理工具，但用 npm 下載套件時會相當緩慢，因此 Yarn 誕生，會讓使用者減少下載套件的時間。 二、操作步驟 圖、開啟瀏覽器輸入網址 https://classic.yarnpkg.com/zh-Hant/ > 安裝 Yarn 圖、按下 下載安装程式 圖、按下 Next 圖、勾選同意 License > 按下 Next 圖、按下 Next 圖、按下 Install 圖、按下 Finish 圖、開啟 命令提攜字元 圖、輸入 yarn -v yarn -v 是看 yarn 的版本 cmd 指令 yarn -v 三、相關連結 讓 JavaScript 能在伺服器端執行的環境 「node.js」 四、參考 yarn
閱讀完整內容

「Git」安裝

-
圖片
一、介紹 Git 是一種 分散式版本控制系統 的工具，而 版本控制 簡單來說就是能記錄一個或多個檔案在某時段的變更，且能夠讓使用者取回特定版本。 依據 g2 的 Best Version Control Systems in 2019 ， Git 容易學習且高效能的特性讓它得到 4.7 的高分。 二、分散式和集中式版本控制的差異 集中式版控 架構是 單一伺服器 具有檔案所有版本，且允許多個 客戶端 從 伺服器 取得最後一版的檔案。而這樣的架構一旦發生 單一伺服器 硬碟損毀且無法復原，則無法取會完整的檔案變更歷程。 分散式版控 相較於 集中式 的差異是 分散式 的 客服端 完整複製 檔案所有版本 ，即使 伺服器 硬碟損毀無法復原， 客服端 可提供完整的版本歷程還原至 伺服器 。 三、安裝 下載 Git 安裝 Git ，安裝選項使用預設值即可 開啟 命令提示字元 ，輸入 git --version ，出現以下畫面則代表安裝成功 四、相關連結 「Git」基礎操作 五、參考 Git 介紹 Git 下載 Best Version Control Systems in 2019
閱讀完整內容

使用「Visual Studio 2019」進行網站負載測試

-
圖片
一、前言 筆者以往公司的工作會遇到業主要求網站的負載效能報告，為了日後方便記憶，因此筆者將會介紹如何使用 Visual Studio 2019 進行 網站負載測試 。而目前 Visual Studio 2019 的 社群 版本，未提供負載測試的工具，因此教學皆在 Enterprise 執行。 二、開發環境 整合開發環境：Visual Studio 2019 Enterprise .net framework：4.6.2 三、安裝 Web 效能與負載測試工具 圖、延伸模組 > 管理延伸模組 四、操作步驟 圖、建立新的專案 圖、選擇 Web 效能與負載測試專案 圖、輸入 Web 效能與負載測試專案 相關資訊 圖、按下 加入錄製 按鈕 圖、用 IE 輸入 你的測試網址 圖、按下 停止 圖、選擇 專案 滑鼠右鍵 > 加入 > 新增項目 圖、選擇 測試 > 選擇 負載平衡 圖、選擇 內部部屬負載測試 > 按 下一步 圖、按 下一步 圖、按 加入 > 選擇 WebTest1 測試 圖、按 下一步 圖、按 下一步 圖、按 完成 圖、按 執行測試 圖、測試結果 五、相關連結 使用「Visual Studio 2019」建置一個有 Mvc 和 Web Api 架構的網站 「軟體三層式架構」介紹與實作 使用「Visual Studio 2019」建置單元測試專案 六、參考 快速入門：建立負載測試專案
閱讀完整內容