顯示具有 Visual Studio Code 標籤的文章。 顯示所有文章
顯示具有 Visual Studio Code 標籤的文章。 顯示所有文章

2024/02/09

[RESTful API] 如何在 Visual Studio 2022 及 VS Code 使用 .http 檔案文件化測試 API 執行結果

markdown ### 前言 通常在測試 API 的工具中,Postman 或 Insomnia 都是很方便的 API 測試圖形介面工具。 只是各工具有各自的保留文件格式,若能把測試 API 的資料文件化並做版控,又能夠減少散落在各處的翻查不易的問題。 因為 Visual Studio 2022 已支援能夠在 IDE 開啟 .http 文件,並直接可做測試看結果,而且功能齊全,文字檔案又能做版控。 但筆者不是只有 .NET 的專案,還有其他程式語言的專案,也會使用 Visual Studio Code 來撰寫,所以若能讓 .http 文件能跨專案跨工具來執行並管理就更棒了。 在本文中分別介紹在 Visual Studio 2022 及 Visual Studio Code 如何使用 .http 來執行測試 RESTful API。

2023/03/18

程式開發者不能不知道的 GitHub Copilot

markdown ### 前言 GitHub 在 2021 六月時推出 AI 程式碼工具 Copilot。它可以幫助開發者在寫程式時提供自動完成程式建議。基於 OpenAI Codex 可即時在編輯器作用。相較於現在超及熱門的 ChatGPT,[GitHub Copilot](https://github.com/features/copilot) 是更適合開發人員使用的工具。然而 Microsoft 就在昨日還隆重介紹了 [Microsoft 365 Copilot](https://blogs.microsoft.com/blog/2023/03/16/introducing-microsoft-365-copilot-your-copilot-for-work/?WT.mc_id=DT-MVP-5002629),要把它融入日常工作流程中,現在完全不能忽視 Copilot 了呀~ 首先還是先來把工具搭配 Copilot 搞定吧!

2019/01/17

[VS Code] 如何整合設定 PHP 的開發環境至 Visual Studio Code

最近在帶 Laravel 工作坊,有許多學員為非程式開發人員,在入門程式開發的過程中。要把開發環境設定完成,若不透過手把手帶領,可能要繞很大圈才有辦法完全設定完畢。

由於 Laravel 這個框架的底程程式語言為 PHP。就以 PHP 的開發環境來跟 Visual Studio Code 做整合介紹。

目的


以 Visual Studio Code 為我們整合的開發環境:Git, Terminal, PHP 的整合設定

這次介紹主要以 Windows 的作業系統平台來做範例。當然大多數的 Visual Studio Code 設定也適用於 Mac,只是在 Mac 的設定上會少很多 (主要是 Terminal 以 bash 為主,PHP 及 Git 的路徑設定在安裝完時已經 Ready 了)

環境

 https://www.laravel-dojo.com/opensource/wagon


2018/06/05

[VSCode] PHPUnit Snippets 擴充套件釋出


來囉~ 來囉~ Visual Studio Code 的擴充套件 PHPUnit Snippets 釋出囉!



套件介紹: PHPUnit Snippets

基本用法 - 看圖片說故事


1. 先確認文件是 PHP 的文件 (可按 Ctrl + K + M 切換)
2. 在 PHP 程式碼區段輸入 snippet, 圖例: assequ (自動會找到相近的名稱可使用,是不是超級聰明?可以少打好多字)

 

快來試試看吧~ PHPUnit Snippets 也別忘了給星星跟推薦唷!

2017/08/26

[.NET Core] 用 Visual Studio Code 搭配 dotnet-watch 來建置與開發 ASP.NET Core 2.0 網站

距上回的 .NET Core 應用又一段時間啦~ 前些日子隨著 .NET Core 2.0 釋出. 是時候來進修發文章囉!

在 .NET Core 1.0 時, 透過跨平台開發的工具會利用到 Yeoman 來幫助產生所需的樣版檔案.

在 .NET Core 2.0 的建立專案的方式改變了, 不再需要透過 Yeoman, 而是用 dotnet new [template] 來建立專案.

可選擇的樣版簡短名稱如下:




2016/11/26

[CentOS] 如何在 CentOS 7 安裝使用 Visual Studio Code

自接觸客戶的 CentOS 系統, 為了要可同步並熟悉它的操作, 自己也架了一台虛擬機使用.

說實在的, 如果是個人使用的話, 我比較推薦 Ubuntu 比較人性化, 也比較不會有一些預期外的事發生.

不講別的, 在有 GUI 的主機上只有 Vim 或 gedit 來做 coding 的工具就弱掉了!

- Vim 通常是逼不得已, 或是應急小改編輯用. 真要拿來做開發用, 還是免了吧. :p

- gedit 也只是像 notepad 的功能編輯文字用

Visual Studio Code 不僅免費用, 重要的是它跨平台的特性, 而且愈來愈好用, 開發網站, 至少這個基本的編輯器一定要有.

不廢話了~ 先來安裝 Visual Studio Code 吧!!

2016/05/10

[VSCode] 升級 Visual Studio Code 1.1.0 可以放心用中文界面囉

自從 Visual Studio Code 更新至 1.0.0 版後,就支援各國語系的界面。

但是卻因為翻譯翻過頭,連平常要下的指令也都被翻了,突然指令找不到無法執行,整個卡呀!

然而早已習慣英文界面,而且下指令能夠正常,至今一直維持英文版界面操作。

剛剛熱騰騰的更新通知,Visual Studio Code 1.1.0 發佈更新,當然立馬更新囉!



瞄了一下 Bug 修復中有一條~ Don't localize command names on the command palette.

這個就是遲遲不變更界面的主要原因呀!!

如今最大問題解決了,非中文界面不可的朋友快更新吧!



這樣看起來是不是感覺特別好? :)

2016/04/26

[TypeScript] 如何用 Vue.js 搭配 TypeScript

TypeScript 是由 Microsoft 開發的 Open Source 程式語言。它是 JavaScript 的超集合。

TypeScript 的幾個特性:

  • TypeScript =  靜態型別 + 動態型別
  • TypeScript 涵蓋 JavaScript 語法,並支援  class, interface, module
  • TypeScript 最終編譯結果是 JavaScript

想要更了解 TypeScript 可以看看這一篇 快速瞭解 TypeScript 是什麼東西

先來實做一個簡單的 TypeScript 應用吧!

2016/04/15

[VSCode] 如何變更 Visual Studio Code UI 介面語系

Visual Studio Code 1.0 釋出後,自動變更成本機的語系,自動中文化了

如果想要維持使用英文版介面,可以這麼做

鍵盤輸入 Ctrl + Shift + P 跳出指令輸入框

輸入 語言 -- 即可找到 "設定語言"

只需把 Locale 的值變更成希望呈現的介面語系即可

繁中: zh-TW
英文: en-US

變更後,儲存並重開 Visual Studio Code 即可


可變更的語系列表: VSCode - Display Language

Visual Studio Code 1.0 正式釋出

千呼萬喚始出來之 Visual Studio Code 1.0



2016/02/13

[編程工具] 輕量好用的程式編輯器 Visual Studio Code

寫程式只要有文字編輯器, 都可以完成工作! 但是, 好的程式編輯式, 幫助可就大大加分囉~
這十幾年來用過無數種編輯器, 細數真的也不少吶, 記事本不算在內的話, 有 UltraEdit, BBEdit, Notepad++, Sublime Text, etc. 有些可跨平台, 有些沒有. 但是其實跨平台可使用是我最想要的功能啊~減少學習曲線是一個, 再著是用同一款熟悉的工具對效率也是一大重點!

Visual Studio Code 是除了最強的 IDE - Visual Studio 外, 還不算是完美, 但我覺得還不錯用的程式編輯器.

以下是個人喜愛的功能, 跟大家分享, 也許你也會愛上它!
  1. 開啟速度快
    有時候只是想要開一兩支程式, 改些小東西, 不用動用到 IDE 啦
  2. Highlight 程式碼
    基本款~ 一定要的, 業界大多語法都支援, 查 code 才會一目瞭然
  3. IntelliSense
    程式寫多了會有忘性, 這功能不僅是提示, 也是加速開發的好物
  4. Emmet
    有在寫網站應用程式的必備工具, Visual Studio Code 已經是內建, 不用再裝外掛喔
  5. CSS 顏色提示
    超~方~便~ 一看便知顏色碼是什麼顏色, 視覺一併兼顧
  6. Sippets 可自定
    常用的程式片斷自己也可以把它存起來, 隨時取用


2015/05/05

[Visual Studio Code] 支援 Emmet snippet 快速開發

在 Visutal Studio Code 也可以享有 speed coding

Emmet snippet 已經是我在編寫 HTML 時不可或缺的工具, 近期推出的免費程式編輯器 Visual Studio Code 也具備這個基本功能!

當新建立一個文件時, 必需先選擇要編輯的程式語言, 這裡我們選 HTML (也可以選 PHP), 一方面會顯示程式 highlight 標示. 否則只會單純當成純文字看待


來個最簡易的 HTML5 基本 code, 輸入 html:5 按下 Tab


HTML5 基本款建立好囉, 還自動反白 title 的文字讓我們來修改 



一直以來編輯簡易的檔案, 沒必要出動到 IDE, 通常我會用 Notepad++ 或是 Sublime 來做編輯, 現在多了一個程式編輯器的工具, 太棒了~~~ 還有更多功能慢慢發掘中...


2015/05/02

[.NET] 在 Mac 上使用 Visual Studio Code 執行 ASP.NET 5

在 Mac 上終於有好的文字編輯器給程式設計師了!而且重點是~免費!Visual Studio Code 不僅支援當下常見的網頁檔案外,當然它最重要的是可以編 C#, TypeScript~




更新文如何在 Mac 開發 ASP.NET Core 網站

下載及安裝文件寫的很清楚,以下是相關連結

Download: Visual Studio Code

Install: ASP.NET 5 & DNX

Building ASP.NET 5 Applications with Visual Studio Code