快速的套件管理工具「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

三、相關連結

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

四、參考

  1. yarn

留言

張貼留言

這個網誌中的熱門文章

使用「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 指令
閱讀完整內容

asp.net 下的 JSON 套件最佳利器「Newtonsoft.Json」

-
圖片
一、前言 筆者很常使用 Newtonsoft.Json 於 JSON 資料的序列化與反序列化，因為好用且有名因此介紹筆者常用的寫法給讀者。 二、開發環境 整合開發環境：Visual Studio 2019 語言：C# .net framework：4.6.2 三、Newtonsoft.Json 的常用類別 JArray：代表 JSON array JObject：代表 JSON 物件 JProperty：代表 JSON 屬性 JToken：代表 JSON Token，可為 JArray、JObject、JProperty、JValue …等 JValue：代表一個 JSON 值，可能是 string、integer、date …等 四、反序列化 圖、反序列化 程式碼 var jsonStr = "{'a':'a1', 'b': 'b1'}"; return JsonConvert.DeserializeObject<JToken>(jsonStr); 圖、執行結果 五、序列化 圖、序列化 程式碼 var jsonObj = new { a = "a1", b = "b1" }; return JsonConvert.SerializeObject(jsonObj); 圖、執行結果 六、參考 Newtonsoft.Json
閱讀完整內容

使用「ADO.NET」 進行資料庫的讀取、新增、修改、刪除的操作

-
圖片
一、前言 ADO.NET 是微軟旗下用來連接 資料來源 (例如 Sql Server、XML…等)，並且可以讀取、新增、修改、刪除其中資料的技術。而後 微軟以 ADO.NET 為基礎 推出 Entity Framework ，以筆者的經驗來說，新的專案較常使用 Entity Framework ，但舊的專案則使用 ADO.NET ，因此為了方便記憶而撰寫文章。 二、開發環境 整合開發環境：Visual Studio 2019 語言：C# .net framework：4.6.2 三、範例資料庫 圖、範例資料庫 四、讀取 範例皆使用 參數型 方式操作資料庫，避免 Sql Injection 問題。 圖、範例程式碼 原始碼(C#) var cs = WebConfigurationManager.ConnectionStrings["DefaultConnection"].ConnectionString; using (var sc = new SqlConnection(cs)) { sc.Open(); var cc = sc.CreateCommand(); cc.CommandText = $@"SELECT [a1],[a2] FROM [Test] where [Seq] = @Seq"; cc.Parameters.AddWithValue("@Seq", "1"); var ret = string.Empty; var reader = cc.ExecuteReader(); while (reader.Read()) { ret = $"a1={reader[0]}，a2={reader[1]}"; } reader.Close(); return ret; } 圖、執行結果 五、新增 範例皆使用 參數型 方式操作資料庫，避免 Sql Injection 問題。 圖、範例程式碼 原始碼(C#) var cs = WebConfigurationManager.ConnectionStrings[...
閱讀完整內容

使用「Apache Maven」將「LODE」佈署到「Tomcat」

-
圖片
一、介紹 「Apache Maven」介紹請參考 「Apache Maven」安裝步驟 。 「LODE」介紹請參考 「LODE」安裝步驟 。 「Tomcat」介紹請參考 「Tomcat」安裝步驟 。 二、操作步驟 步驟一、請先安裝 「Apache Maven」、「LODE」、「Tomcat」，安裝連結如下清單 「Apache Maven」安裝步驟 。 「LODE」安裝步驟 。 「Tomcat」安裝步驟 。 步驟二、「Tomcat」新增登入使用者 圖一、開啟資料夾 F:\Tomcat\conf 、編輯 tomcat-users.xml 檔案。 圖二、加入 Tomcat 角色，並且建立帳號 123、密碼 123 的 Tomcat 登入使用者。 請於 tomcat-users 之中加入底下程式碼。 <!-- Tomcat 登入角色 --> <role rolename="admin-gui"/> <role rolename="admin-script"/> <role rolename="manager-gui"/> <role rolename="manager-script"/> <role rolename="manager-jmx"/> <role rolename="manager-status"/> <!-- Tomcat 登入使用者 --> <user username="123" password="123" roles="admin-gui,admin-script,manager-gui,manager-script,manager-jmx,manager-status"/> 設定畫面如下所示 圖三、瀏覽 Tomcat 首頁 ，按下 Manager App 按鈕並且登入 Tomcat App 管理頁面 ( 帳號:123 、 密碼:123 )。 圖四、瀏覽到 Tomcat ...
閱讀完整內容

使用「LINE Messaging API」發送 line 訊息

-
圖片
一、介紹 LINE 是由LINE株式會社所開發的即時通訊平台，也是目前台灣目前最高使用率的社群平台。 二、登入 LINE console 圖、打開瀏覽器，進到 LINE Developers Console 登入頁 三、建立 Provider 和 Channel 圖、按下 Create ，輸入 Provider name ，再按下 Create 圖、按下 Create a Message API Channel 圖、輸入 Channel name 圖、Channel 資訊 四、webhook 每當LINE用戶加您的 Channel 為好友或是發送訊息，LINE平台透過 HTTP POST 發送 webhook 事件資訊 至您 LINE Developers Console 中所指定的 webhook URL 。 圖、點 Messaging API ，往下拉即可看到 webhook 相關設定 webhook 事件資訊 webhook 事件資訊為JSON格式的資料 點 webhook 的 Verify 按鈕，則會收到如下格式的 webhook 事件資訊。 圖、Verify 按鈕 {“events”:[],“destination”:“XXX”} 被加入好友，則會收到如下格式的 webhook 事件資訊。 {“events”:[{“type”:“follow”,“replyToken”:“XXX”,“source”:{“userId”:“XXX”,“type”:“user”},“timestamp”:XXX,“mode”:“active”}],“destination”:“XXX”} 其中 userId 為 加入您好友的用戶ID，此ID會使用於發送訊息。 發送訊息時，則會收到如下格式的 webhook 事件資訊。 {“events”:[{“type”:“message”,“replyToken”:“XXX”,“source”:{“userId”:“XXX”,“type”:“user”},“timestamp”:XXX,“mode”:“active”,“message”:{“type”:“sticker”,“id”:“XXX”,“stickerId”:“XXX”,“packageId”:“XXX”,“stic...
閱讀完整內容

使用「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); ...
閱讀完整內容

在Visual Studio 2019 使用 Subversion 的客服端工具「AnkhSVN2019」

-
圖片
前言 使用 Subversion 版控，大多數是使用客服端工具 TortoiseSVN ，如果開發人員的IDE 是使用 Visual Studio 2019 則可考慮使用 AnkhSVN2019 。 安裝 圖、延伸模組 > 管理延伸模組 圖、下載 AnkhSVN2019 圖、按下 關閉 圖、關閉 Visual Studio 2019 圖、安裝 圖、按下 Modify 操作步驟 圖、檢視 > Repository Explorer 圖、新增 SVN Server 圖、輸入網址 圖、按下 Checkout from Subversion 圖、輸入 To Path 圖、下載中 圖、開啟資料夾 > 按下 XXX.sln 圖、工具 > 選項 圖、Source Control > 選擇 AnkhSVN2019 圖、跑出 Pending Changes 圖、修改檔案 > 滑鼠右鍵 > Open in Visual Studio 圖、結果 相關連結 使用「Visual Studio 2019」建置一個有 Mvc 和 Web Api 架構的網站 「Git」基礎操作 「Git」安裝 參考 subversion tortoisesvn AnkhSVN2019
閱讀完整內容

在「Visual Studio 2019 」使用 「NuGet」 安裝第三方套件

-
圖片
一、「NuGet」介紹 「NuGet」 於 Microsoft 平台用於管理、安裝、移除、升級第三方套件的工具。 二、操作步驟 此操作步驟是下載第三方套件 Selenium 。 圖一、對 專案 的 參考 按下滑鼠右鍵，再按下 管理Nuget套件 。 圖二、於文字框輸入 Selenium ，下載 Selenium.WebDriver 。(如果沒找到，請確認 套件來源 是否為 nuget.org 。) 圖三、安裝成功後如下圖所示。 三、參考 NuGet Wiki
閱讀完整內容

「Dapper」一個高效率輕量型 ORM 套件

-
圖片
一、前言 Dapper 是一個輕量化 ORM 的套件，可以寫出類似於 ADO.NET 的簡化語法，但保有 ORM 的特性，而相較於 Code First ， Dapper 較為輕巧，因此筆者會依照專案的特性使用。 二、開發環境 整合開發環境：Visual Studio 2019 語言：C# .net framework：4.6.2 三、範例資料庫 圖、範例資料庫 四、讀取 範例皆使用 參數型 方式操作資料庫，避免 Sql Injection 問題。 圖、範例程式碼 原始碼(C#) var conn = WebConfigurationManager.ConnectionStrings["DefaultConnection"].ConnectionString; using (var sb = new SqlConnection(conn)) { var data = sb.Query<Test>($"SELECT [a1],[a2] FROM [Test] where [Seq] = @Seq", new { Seq = 1 }).ToList(); return data; } 圖、執行結果 五、新增 範例皆使用 參數型 方式操作資料庫，避免 Sql Injection 問題。 圖、範例程式碼 原始碼(C#) var conn = WebConfigurationManager.ConnectionStrings["DefaultConnection"].ConnectionString; using (var sb = new SqlConnection(conn)) { var items = new List<Test> { new Test { a1 = "a1", a2 = "a2" }, new Test { a1 = "a11", a2 = "a22" }, }; return sb.Execute($"INSERT INTO [Test] ([a1] ...
閱讀完整內容