熱門文章 (Popular Post)

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

By :

前言

早期我們在 Visual Studio 編譯 .NET Core 時,如果要產生出 exe 執行檔案, 必須要在 .csproj 內加入
<PropertyGroup>
    <RuntimeIdentifiers>win10-x64</RuntimeIdentifiers>
</PropertyGroup>
而在 Visual Studio 2017 + .NET Core 2.0 做法開始有些不同了。您可以嘗試下列操作步驟:

操作步驟 (Operating steps)

步驟 1. 右鍵點選您的專案,選取發佈
Step 1. Right click project and select publish

By :

問題描述

最近開發過程中,常常遇到一些詭異的問題。這個問題發生在 Visual Studio 內啟動  ASP.NET Application,或更新 Google Chrome 後,出現 ' Google Chrome 無法讀取及寫入資料目錄 C:\user\xxxx ' (Google chrome cannot read and write to its data directory) 錯誤訊息 ,導致 Google Chrome 無法正常開啟,進而造成 Visual Studio 發生錯誤。


環境
Windows 10
Visual Studio 2017
Chrome  66.0.3359.139


By :

問題描述 (Problem)

無意間嘗試一下 Live Unit Testing 後,在切換分支之後發現無法啟動專案,得到下列錯誤訊息:

無法載入檔案及組件 'Microsoft.CodeAnalysis.LiveUnitTesting.Runtime, version= 1.7.0.0, Culture=neutral, PublicKeyToken=31bf3856ad364e35' 或其相性的其中之一。系統找步道指定檔案



I started live unit testing with visual studio 2017 (15.7.1) After I switch the branch and start the project, an error message comes up saying the following:
(Could not load file or assembly 'Microsoft.CodeAnalysis.LiveUnitTesting.Runtime, version= 1.7.0.0, Culture=neutral, PublicKeyToken=31bf3856ad364e35' or one of its dependenc)



By :

介紹

寫程式久了,還是比較習慣英文術語,翻譯成中文短時間內無法適應。過去 Visual Studio 切換語言是透過 工具/選項/國際設定 ,選擇想要的語言進行切換。但在 Visual Studio 2017 有一些些不一樣。打開 工具/選項/國際設定,我們發現下方標註需要透過安裝程式進行語言安裝。


By :

前言

前幾個章節我們已經介紹許多 C# 基礎,在這一章節將簡單介紹擴展方法。在某些情境下,您會想要延伸既有(或第三方套件)的方法,卻又不能繼承情況下,擴展方法是一個不錯的選擇。本篇文章將提供簡單範例,讓您能了解如何使用擴展方法,若有錯誤會任何建議,請各位先進不吝提出。


介紹

建立擴展方法相當簡單,我們以 string 建立擴展方法為例,讓您的 string 變數多一個方法在字串最後加上兩個驚嘆號 "!!"。首先...
Step 1.您必須先建立一個靜態類別與其靜態方法 (static class and static method)

By :

前言

前面幾個章節,我們逐一介紹 C# 程式語言基礎內容,在這一個章節將要介紹類別 (class)。對於當時是初學者的我來說,雖然會建構與使用類別,但如何正確命名、使用並區分類別卻是一個很大困擾,直到累積了一些工作經驗與看了許多書,才大概知道怎麼撰寫程式比較合理。在這一篇,我們將簡單介紹類別,若有錯誤或任何建議,請各位先進不吝指教。

關鍵字存取修飾詞建構函式屬性與欄位DTO方法在 Visual Studio 加入類別


介紹

類別 (class) 像是一張設計圖,你可以在類別內規劃你的程式。您能夠過關鍵字 class 建構類別,如下圖所示:

By :

前言

在完成撰寫程式後進行運作,偶爾會出現非預期的問題導致系統無法正常運作。無論是撰寫失誤所造成的,或是系統運作期間所產生錯誤,例外處理能幫住我們處理這些情況。當然,我們也能依據情境建立例外狀況物件,表示程式上運作錯誤。透過擲出與建立例外處理,我們能妥善的處理錯誤情境、列出問題點並維持系統正常的運作。
本篇文章將簡單介紹例外處理並介紹 try/catch/finally/throw 使用方法,若有錯誤或任何建議請各位先進不吝指教。

Exception

By :

前言

本篇文章將簡單介紹陣列、集合與列舉使用方法:
列舉 (Enum) 是我相當喜愛的資料結構之一,學生時期的我,其實不太能理解列舉的用途。而隨著工作年資增長後,漸漸地喜愛使用列舉。列舉能增加程式的可讀性,加速工程師對程式碼的理解;這篇文章所介紹的 陣列 (Array) 集合 (Collection) 也非常重要,您能透過它們對於大量物件進行操作與邏輯運算,是高階程式語言的基礎之一。每種高階語言都有類似的資料結構,而只是使用上有所差異。若您有相當的程式經驗,您可以略過這部分的介紹。
本篇文章若有錯誤或任何建議,請各位先進不吝指教,謝謝。


目錄:

1.陣列
2.集合
   2.1 簡單集合使用方法
   2.2 Dictionary 使用方法
   2.3 Stack & Quene 使用方法
3.列舉


介紹

陣列
陣列是建立物件群集的方法之一,其主要限制在於只能固定數量強型別物件,也是我們學習程式語言必須知道的基礎之一。下面是陣列宣告方式:

By :

前言

上一篇我們簡單介紹控制流程,而在這一章節我們將簡單介紹方法。在程式開發過程中,我們能執行一個子程式區塊,完成一個動作,我們簡單稱之方法(method)。方法能有效提升程式可用性與可讀性:將常用的程式區塊抽出,避免相同的程式重複出現;好的命名可以讓工程師快速了解這個子程式區塊的目的,提升開發效能。本篇文章若有錯誤或任何建議,請各位先進不吝指教。

關鍵字:方法多載選擇性參數擴增方法ret 與 out



介紹

方法的命名方式為動詞,用來描述一個動作或行為,下面為一些常見的命名範例:
GetWalletById
CreateOrUpdatePlayer
IsPlayerTokenExpired

下面為方法的主體:(存取修飾詞我們會在類別這章節介紹)

By :

前言

上一篇文章我們簡單介紹了基本的資料型別與建構子,而這一篇控制流程也屬於較基礎的文章,若您已經有高階程式開發經驗,只需要看看語法上的差異。控制流程主要介紹 if, switch 判斷、 for, foreach, while 迴圈與breank, continue 跳躍指令,若不考慮可讀性、可維護性、物件導向...等,您可以透過這些語法完成大部分的程式,但這篇文章,仍會告知您如何使用比較佳。本篇文章若有錯誤或任何建議,請各位先進不吝指教,謝謝。


By :

前言

上一篇我們簡單介紹 C# 語言特色與發展史,在這一篇文章,我們簡單介紹資料型態與運算子。若您先前有高階語言(如 Java) 的基礎,對於這一篇應該會有基本的認識。本篇文章若有錯誤或任何建議,請各位先進不另指教。


介紹

簡介

資料型態與運算子為程式語言的基礎,你可以指定變數的資料型態,並透過運算子進行不同的運算。如下範例:int整數資料型態, a變數名稱= 運算子1數字,而每一行程式結束的時候都需要一個 ""

By :

前言

這一系列文章是過去學習 C# 所留下筆記與參考 Study4TW 內部教學文件改寫而成,除了讓未來自己參考使用,也提供有需要的學弟妹與朋友參考。 C# 可提到內容非常的廣泛,這裡的文章會以比較基礎內容為主,並提供簡單範例,更進階的應用就不在此贅述。
本篇文章將簡單介紹 C# ,並且透過第一個程式範例 - Hello world,簡單介紹 Visual Studio 基本操作。文章內容若有錯誤或任何建議,請各位先進不吝提出,謝謝。

註:本系列文章使用 Visual Studio 2017 Community 進行範例,如下圖:

By :

目錄

1. SASS 基本介紹與安裝 (An introduction to SASS and Using SASS with Visual Studio) 
2. SASS 語法介紹1 (Variable, Mixin, and Nest structure)
3. SASS 語法介紹2 (Import, Extend, Comment, error , and @debug and @warn)
4. SASS 進階使用 (Mathematical calculations, Selector(%), Parent selectors, List)
5. SASS 進階使用 (Media, color function, If condition, loop(@for, @each), key-value mapping )
6. SASS 問題 : Web essentials 2015 does not compile automatically

前言

此篇文章將同步發佈於點部落與個人部落格,如果有錯誤希望前輩們不吝指教,謝謝!

許多前端開發者沒有習慣Visual Studio進行開發,而開發完成後,將 scss, css, 與 min.css直
接放置專案相對應的資料夾下(如:Content\css),再進行匯入(Include to project)或加入現有
項目(Add exist item)方式加入專案。


By :

目錄

1. SASS 基本介紹與安裝 (An introduction to SASS and Using SASS with Visual Studio) 
2. SASS 語法介紹1 (Variable, Mixin, and Nest structure)
3. SASS 語法介紹2 (Import, Extend, Comment, error , and @debug and @warn)
4. SASS 進階使用 (Mathematical calculations, Selector(%), Parent selectors, List)
5. SASS 進階使用 (Media, color function, If condition, loop(@for, @each), key-value mapping )
6. SASS 問題 : Web essentials 2015 does not compile automatically


前言

本篇介紹的內容中 Media queries 比較特別,為CSS3的模組。個人在執行
專案的時候發現網站樣式中使用Media queries,進行了研究並在此篇做一個紀錄,讓自己印
象深刻,也提供大家參考。以下是這次介紹的內容:
  1. Media queries 
  2. Color function
  3. If condition
  4. Loop(@for, @each)
  5. Key-value mapping
此篇文章將同步發佈於點部落與個人部落格,如果有錯誤希望前輩們不吝指教,謝謝!


內容

  • Media Queries

CSS3模組,為響應式網站(Responsive web design)設計技術,目的為了提高網頁可用性,
讓網頁顯示能符合行動裝置銀幕與一般電腦銀幕,依據目前裝置或銀幕大小,調整網頁
顯式樣式。目前不支援IE8。
在CSS2稱為Media type,在CSS3稱為Media Queries。


Media Queries 使用方法如下(Usage):
Html embed:

CSS usage:
@media screen and (min-width: 670px)  {
      // css content
}



Media Queries 語法如下(Syntax):
@media [media type] and [media feature]

[media type] : braille | embossed | handheld | print | projection | screen | speech | tty | tv
[media feature] :  詳細請參考 -> Media queries
    - Can use Max/Min prefix:
        color | color-index | device-aspect-ratio | device-height  | device-width  | height |
        monochrome | resolution | width

    - Cannot use Max/Min prefix:
        grid | scan

@media screen and (min-width: 1000px)
{
    //....
}

 

Media Queries Example

@media screen and (min-width: 1000px) {
    //當寬度 >= 1000px,這段程式碼會重新載入
    //when width >= 1000px, this section will be reload
}
@media screen and (min-width: 670px) and (max-width: 1000px){
    //當 寬度 在670px ~ 1000px 之間,這段程式碼會重新載入
    //when width between 670px and 1000px, this section will be reload
}
@media screen and (max-width: 670px){
    //當寬度 <= 670px,這段程式碼會重新載入
    //when width <= 670px, this section will be reload
}


By :

目錄

1. SASS 基本介紹與安裝 (An introduction to SASS and Using SASS with Visual Studio) 
2. SASS 語法介紹1 (Variable, Mixin, and Nest structure)
3. SASS 語法介紹2 (Import, Extend, Comment, error , and @debug and @warn)
4. SASS 進階使用 (Mathematical calculations, Selector(%), Parent selectors, List)
5. SASS 進階使用 (Media, color function, If condition, loop(@for, @each), key-value mapping )
6. SASS 問題 : Web essentials 2015 does not compile automatically


前言

二月份是一個神奇的月份,在台灣工作,是工作日最少的一個月份。身為一位上
班族,是最能休息到的一個月。

矛盾的是,這個月自己也安排了很多活動,相當充實:

  1. 在二月,微軟MVA的學習挑戰活動也熱烈的展開 https://borntolearn.mslearn.net/knowitproveit/
    只要在MVA註冊帳號,就能接受挑戰。
    每個主題內容非常實用,也提供課後考試的服務,但每個主題動輒29小時
    以上,讓人難以在短時間內消化。
  2. 自己安排農曆年後進行證照考試
(有時候都會覺得這樣自己搞自己好嗎....?)
回歸正題,這篇將會說明SASS進階的使用,像是Mathematical calculations,
 Selector(%), Parent selectors, List等簡單使用方法。

此篇文章同步發布個人部落格與點部落,如果有錯誤希望前輩們不吝指教,謝謝!



實作

1.Mathematical calculations

  在scss檔案內,我們可以運用數學計算,這讓我們開發過程更有便利。
   In scss file, We can use Mathematical calculations. Development would be more flexible.

By :

目錄

1. SASS 基本介紹與安裝 (An introduction to SASS and Using SASS with Visual Studio) 
2. SASS 語法介紹1 (Variable, Mixin, and Nest structure)
3. SASS 語法介紹2 (Import, Extend, Comment, error , and @debug and @warn)
4. SASS 進階使用 (Mathematical calculations, Selector(%), Parent selectors, List)
5. SASS 進階使用 (Media, color function, If condition, loop(@for, @each), key-value mapping )
6. SASS 問題 : Web essentials 2015 does not compile automatically


前言

最近因為家裡事務繁忙天氣太冷,拖這麼久才寫第三篇,真是不好意思。

這篇簡單較少ImportExtendErrorCommentdebug/warn Message
其中debug/warn Message部分因為個人安裝 web essentials,還不知道怎麼將
這些訊息放在output window,在這篇沒有成現結果,等之後了解如何在visual studio
呈現訊息後,在補放上來。(或者有強者看到,可以指點一下,謝謝!)

此篇文章同步發布個人部落格與點部落,如果有錯誤希望前輩們不吝指教,謝謝!


實作

  1. Import:

    我們可以使用@import指令,將scss程式從其他檔案進行匯入,方法如下:
    We can use @import to include scss code from other files.

    Step.1 右鍵點選專案,點選Add -> New Item。
                Right click project, select "Add" ->  "New Item".

By :

目錄

1. SASS 基本介紹與安裝 (An introduction to SASS and Using SASS with Visual Studio) 
2. SASS 語法介紹1 (Variable, Mixin, and Nest structure)
3. SASS 語法介紹2 (Import, Extend, Comment, error , and @debug and @warn)
4. SASS 進階使用 (Mathematical calculations, Selector(%), Parent selectors, List)
5. SASS 進階使用 (Media, color function, If condition, loop(@for, @each), key-value mapping )
6. SASS 問題 : Web essentials 2015 does not compile automatically


前言

這一篇我們簡單介紹VariableMixinNest structure
程式碼如下:

Sass Demo

$div-width : 150px;
$div-padding :10px 10px 10px 10px;

body {

}



.first-div{
    width: $div-width;
    padding: $div-padding ;
    background-color: #b6ff00;
}

.second-div{
    width: $div-width;
    padding: $div-padding ;
    background-color: #ff6a00;
}


Variable

有別於CSS,您可以在.scss中使用變數,增加程式可讀性。變數的方法是加上'$',
例如:$button-width 與 $sidebar-padding。
Unlike CSS, you can use variable in .cscc file for increasing code readability.
You can use variable by '$', such as $button-width and $sidebar-padding

範例如下:
我們設定了$div-width 和 $div-padding,提供給.first-div與.second-div使用。
Demo as below:
We added $div-width and $div-padding in ".first-div" and ".second-div"

By :

前言

上個月因為公司某個專案,需要修改網頁樣式,發現與上一間公司所接觸過的.css
不同(變成.scss),因為不清楚作用如何,沒有理會.scss而直接修改min.css,輕鬆愉
快的完成了工作。
沒想到兩天後的早上,傳來通知信說工作尚未完成,當天早上嚇得冷汗直流....

請教Team Leader與專業的Front End Team後,才發現原來是.scss這傢伙在搞鬼:
SCSS會自動編譯並重新產生css與min.css,下一個前端工程師修改樣式後,理所當
然的將min.css進行覆寫,變成我作了白工。

仔細找了些資料後,才發現.scss檔案已經行之有年,且帶來的便利性超乎想像,因
為了雪恥開始到plurasight找影片、到官方網站找資料,進行學習!

這一系列的文章暫定6個章節,將部分功能一一實作與紀錄,提供未來的自己與大
家參考,若有錯誤歡迎指正與見諒,謝謝。

* 環境: Visual Studio Community 2013 Update 4
* 本篇文章同時發佈於點部落(dotblog)與個人部落格(blogger)


目錄

1. SASS 基本介紹與安裝 (An introduction to SASS and Using SASS with Visual Studio) 
2. SASS 語法介紹1 (Variable, Mixin, and Nest structure)
3. SASS 語法介紹2 (Import, Extend, Comment, error , and @debug and @warn)
4. SASS 進階使用 (Mathematical calculations, Selector(%), Parent selectors, List)
5. SASS 進階使用 (Media, color function, If condition, loop(@for, @each), key-value mapping )
6. SASS 問題 : Web essentials 2015 does not compile automatically


介紹(An introduction to SASS)

簡單來說,SASS可視為CSS的擴充功能,像是變數(variable)、選擇器(selector)、if condition
與計算...等功能,提供開發人員更快速與簡潔的開發過程。這些擴充語法並不是正式的CSS
語法,但SASS編譯器會將內容編譯成為正式的css語法(css與min.css),提供網站使用。

大致上SASS可以分成兩種語法,分別為sass與scss,以檔案副檔名稱作區別為.sass與.scss
,兩著主要差異為在於:scss使用大括號與分號進行程式碼缺塊分割(細部差異不再贅述)
,而在本系列文章,皆使用SCSS進行呈現。


安裝與使用(Using SASS with Visual Studio)

Step 1. 開啟Visual Studio community 2013, 選擇開新專案
             Open  Visual Studio community 2013, then select New Project

By :

前言:

這篇文章分享如何在Visual Studio中使用工作清單(Task List),操作方法簡單
,卻可以幫助開發者快速註記工作內容與快速找到程式碼需要修改位置。

自己工作應用方式如下:
1.在開始撰寫程式前,可以利用工作清單將工作事項註記在程式碼中,減
   少切換工作過程中,花費時間追尋程式碼。
2.利用工作清單設定優先製作順序。
3.Team Leader或技術主管可以利用工作清單告知其他工程師,撰寫架構、
   撰寫步驟...等

文章注意事項:
1.此篇文章會同步發佈於個人部落格與點部落。
2.使用的環境為Visual Studio Community 2013。
3.此文章利用一個全新的ASP .NET Web Application專案(MVC)進行操作。


目錄:




實作:

1.使用方式(How to use)

Step 1. 開啟Visual Studio Community 2013,點選新專案(ASP .NET Web Application)。
             Open Visual Studio Community 2013,click new project(ASP .NET Web Application)

- Copyright © Duran Hsieh @ Duran 的技術冶煉廠 - Date A Live - Powered by Blogger - Designed by Johanes Djogan -