發表文章

目前顯示的是 2018的文章

如何使用 VSTS 提供私有 nuget 套件下載

圖片
最近因為部門購買了開發套件,有版權關係,所以只能提供部門人員使用,不能放在公開的 nuget 站台。 透過 Azure DevOps 管理專案以及相關套件,超輕鬆方便,接下來就看看怎麼做吧! [註] :寫這篇文章的時候,才發現原本使用的 VSTS,已經整合到 Azure DevOps 服務中,最近不得不說微軟最近動作很積極啊~ 雖然是免費的,但也有很多功能,對於管理專案、相關套件、DevOps都很方便,建議大家也申請來試看看吧! 步驟 步驟 1. 開啟 Azure DevOps 的專案頁面,選擇 “Artifacts” ,並點選右上角的 “Connect to feed”: 步驟 2. 在設定畫面中,先下載 NuGet 工具包 (如下圖 1 所示): (或是點此 連結 ) 步驟 3. 將工具包解壓縮,並將要上傳的套件(副檔名為 .nupkg) 放入同一目錄中 步驟 4. 圖中步驟 2 是將此 Package Source 加入至 NuGet 管理清單中,真正將套件上傳是圖中步驟 3,所以可以直接合併一步做完~ nuget.exe push "<package_source_url>" -ApiKey VSTS <nupkg>           Package source URL 前後記得加上雙引號(") [註] :在操作過程中,因為重複試了很多次,後來就出現 指定的來源已新增到可用封裝來源清單。請提供唯一名稱。 試各種方式,例如:清除 NuGet cache、刪除 NuGet 套件目錄,也無法排除,意外發現可以直接一步做完 :P 步驟 5. 回到 Azure DevOps 專案頁面,就可以看到剛才上傳的套件囉~~ 以上!收工 謝謝收看~

[VS2017] ASP.NET Core 搭配 Angular 與 angular-cli

圖片
在建立 ASP.NET Core 整合 Angular 專案時,遇到無法建立 Angular 元件的問題, 在此紀錄處理方式,也提供有相同困擾的捧油! 環境: Microsoft Visual Studio Community 2017 v.15.7.5 ASP.NET Core:2.1.202 Node.js:8.9.1 angular-cli:6.0.8 建置方法: 步驟 1. 建立專案 建立專案:選擇 " .NET Core 專案 " 並選擇 " Angular 範本 " VS2017 已經為我們建立基本的專案架構, 框線中的是 Angular 專案目錄 步驟 2. 安裝 angular-cli 開啟命令列視窗,輸入以下指令以安裝 angular-cli (如果已經安裝過,可以略過此步) npm install -g @angular/cli@latest 進入專案目錄,輸入以下指令以安裝相依性套件 npm install --save-dev @angular/cli@latest 步驟 3. 修改 app.shared.module 檔名 將 ClientApp\app\app.shared.module.ts 改名為 ClientApp\app\app.module.ts 步驟 4. 修改引用 app.shared.module 在前一步驟檔名變更後,會有編譯錯誤,所以有兩個引用處需要修改: ClientApp\app\app.server.module.ts ClientApp\app\app.browser.module.ts 步驟 5. 建立 angular.json 為了使用 Angular CLI,需要 angular.json 設定檔。 但是目前專案下沒有,所以需要用點小技巧建立。 (如果已經有其他 Angular 專案,可以直接跳至步驟 2) 開啟命令提示字元,切換至一個空目錄 (例如:C:/), 輸入以下訊息建立一個 Angular 專案 ng new sample --skip-install   ( --skip-install 參數,明確指定不執行 npm in...

Angular 從舊版升級指令(適用 angular-cli 1.0.0-beta 以上版本)

Angular 從舊版升級指令: 記得要使用管理員權限(Windows),或是使用 sudo 切換帳號 (Linux) npm uninstall -g @angular-cli npm cache clean npm install -g @angular/cli 如果是從未安裝過,可以直接執行以下指令即可: npm install -g @angular/cli

Node.js 爬蟲練習 - 牌告匯率

圖片
在網路上亂逛的時候,發現可以利用 Node.js 來爬蟲, 那麼,就讓我們拿臺銀的匯率網頁來做練習吧!

第一次寫 Chrome 擴充功能就上手:多語言

圖片
繼上次 新增空白頁籤的功能 ,這次要介紹如何支援多語言。

第一次寫 Chrome 擴充功能就上手:空白新頁籤

圖片
最近對於 Chrome 的新分頁上,顯示歷史瀏覽紀錄的八宮格畫面感到很刺眼,所以想透過 Chrome 擴充功能去除它!