為什麼這篇vscode教學鄉民發文收入到精華區：因為在vscode教學這個討論話題中，有許多相關的文章在討論，這篇最有參考價值！作者name2name2 (yang~hi)看板Programming標題[問題] Visual S...
vscode教學 在 Kerry 허가현｜品牌設計師???? Instagram 的最佳解答
2021-09-16 02:43:43
Sep .__ 0908｜21 由於現在在網頁設計公司上班，從事前端視覺設計一段時間了，常常看到同事在撰寫CSS，突然自己也很想學。 最近剛好看到六角學院有推出網頁切版影音課程，於是我就直接開始學習如何切版。他們的介面非常簡單明瞭，如果操作上遇到問題還可以立刻留言給助教，他會解答，我個人屬於初...
線上簡單搜尋了一下Visual Studio Code
教學網頁、影片，
總覺得都不太基礎，和沒有從頭開始，
有些從頭開始的又感覺好像有點淺，
不知道有沒有推薦網路上或實體的的入門教學文章書本或影片呢，謝謝
對了OS要在Win上
--
附上幾個我最近稍微看的
https://goo.gl/bQC4Fv
https://www.youtube.com/watch?v=fkM9jCRBwSs#t=384.304056
感覺不Beginner的Beginner教學影片
https://www.youtube.com/watch?v=5WyJibE3ZK0
--
~ Sent from my PCMan Combo ~
--
※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 114.42.79.151
※ 文章網址: https://www.ptt.cc/bbs/Programming/M.1471527198.A.7E4.html
※ 編輯: name2name2 (114.42.79.151), 08/18/2016 21:35:25
推 jmlntw: 編輯器不就下載安裝然後開始打code嗎？而 36.224.23.96 08/18 22:37
→ jmlntw: 且有內建中文介面了。 36.224.23.96 08/18 22:37
推 spfy: 你是要問VScode這個編輯器的入門(使用方式) 220.133.215.76 08/18 22:44
→ spfy: 還是怎麼"寫程序"? 看起來你是想學寫程式? 220.133.215.76 08/18 22:46
有道理，細想還真的部分是需要學程式那我可能想要的是這種搭配程式語言實作的教學
果然配合語言感覺比較具體一點...找到這部算是我想看的類型
https://www.youtube.com/watch?v=fFgLjwHcYdo
以我較熟的VStudio推測來說，就是想學一些常用快捷鍵(例如查到的Ctrl+Shift+P)
例如這篇
http://goo.gl/8gahMf
有教這種正常來講不會知道的一些奇怪的配置方法，
還有可能Debugger的安裝、或許有Intellisense安裝、
怎麼裝常見外掛程式、有哪些常用外掛程式、
怎麼開啟類似cmd模式、
還有一些快速用法等等
(不過我是還沒看過說明文件想先找有沒有比較實作類型的教學直接學的...
搭配語言的話可能看html,css, javascript,node.js類,typescript搭配都可
不過這樣說好像又滿廣的)
※ 編輯: name2name2 (114.36.96.219), 08/18/2016 23:57:56
剛剛看了下介面選單旁邊有竟然有附快速鍵，
不過搭配實作邊看邊學還是比較有感覺
那我的問題的確要改為搭配程式語言實作的教學入門才對
※ 編輯: name2name2 (114.36.96.219), 08/19/2016 00:05:02
→ MOONRAKER: 寫下去就會了。 60.248.110.133 08/19 11:09
推 Ommm5566: 編譯器寫程式是兩回事 VS打開一個py專案 114.46.120.77 08/19 16:10
→ Ommm5566: 從hello python 開始練習 114.46.120.77 08/19 16:10
→ Ommm5566: 先不要管專案的設定 先能跑就好 114.46.120.77 08/19 16:11
推 fiiox3: 看官方文件啊，超詳細的 101.15.96.246 08/19 18:12
目前看到不錯的
https://goo.gl/tu5Skn
https://goo.gl/jQy9Gd
※ 編輯: name2name2 (114.42.219.181), 08/21/2016 00:18:08
推 TobyH4cker: 語言只是語言 110.28.27.17 08/22 19:34
推 s89227: 看完你補充的覺得很糊塗，到底是要學語言 36.226.96.232 08/22 22:46
→ s89227: 還是想熟練/知道更多IDE的功能和快捷鍵@@? 36.226.96.232 08/22 22:46
有影片說Code介於IDE 和Editor之間
http://i.imgur.com/oIsEBAj.png
IDE和語言兩者我覺得有點相輔相成，所以大概是一起練、都練吧~
因為像是visual studio 在使用不同語言時可能需要學習安裝nuget套件的IDE方法
不同語言在IDE用法很多可能相同剛開始也是要學一下，也有略微差異的地方
寫學語言選擇在IDE上進行的話，就會在寫學語言的同時同時邊學習熟悉IDE的使用
例如在練習語言時(學語言)
可能會遇到色調看不習慣問題
所以順便學最基礎的IDE調整語言顯示字型、顯示色調等等(學IDE)
甚至有些外掛程式可以加強程式碼可讀性和尋覽更方便(了解IDE或語言的相關套件外掛)
也就要學安裝外掛程式的方法(學IDE)
裝了之後可以在回來協助語言寫學時更順暢順利(學語言)
所以兩者一起進行、一起學
當然我如果在某個IDE上或Editor已經練會了一個語言
那我換到另個新的IDE上寫同樣這個語言時，
就算是我只要學這個新的IDE用法而已 不用再學語言 因為語言我已經會了
只是我語言還沒到非常熟練，所以才說兩個一起進行
但是這篇重點在想要看到的內容至少要有IDE本身使用方式呈現或教學的
而如果有影片剛好內容包含了 語言+實際IDE操作
因為從觀看 實際IDE操作 也可以學習IDE用法
所以符合了至少要有IDE本身使用方式呈現或教學的
所以兩者一起進行的影片也算是在我的需求範圍之中
※ 編輯: name2name2 (114.36.99.158), 08/25/2016 00:02:11
推 spfy: 我覺得你根本就本末倒置了... 111.207.7.150 08/25 09:18
推 s89227: 同樓上，重點應該在語言和理論而非IDE 1.160.165.222 08/25 21:50
→ s89227: 我剛剛看了你貼的那張圖的那個影片 1.160.165.222 08/25 22:04
→ s89227: 那不是在表達code介在中間...... 1.160.165.222 08/25 22:05
推 s89227: 你要不要先說一下你目前認知中的Editor 1.160.165.222 08/25 22:09
→ s89227: IDE和語言之間的關係? 1.160.165.222 08/25 22:09
抱歉讓人有種我比較看重IDE的感覺
因為我目前手邊對於語言和理論的資源是比較豐富的，
也就是我目前手邊對於語言理論是較不缺乏的，
所以才沒有在這篇中特別提到對於語言理論的需求
這點沒有在文章中先明說抱歉
而我目前因為剛接觸到Code初次接觸不熟悉，
因此較缺乏的是Code相關的學習示範影片和知識資源，
所以這篇文章側重於Code的知識的詢問和需求
這篇文章可能讓人有比較側重IDE的感覺，
而事實上也的確如此，
因為我這篇就是要問IDE
那有關我目前也很看重的、同時手邊較不缺乏的語言理論資源，
如果有一天有缺乏、有問題的時候也歡迎各位給我指教分享!
-
Editor 和IDE的我截圖原影片是這部的一開始
http://goo.gl/zjUukI
以我聽到的來說，他舉例Editor中有提到notepad++
而截圖中列出的點我比較能理解的
是Editor的lightweight
這點從他開啟非常快速和功能較少應該就可略知一二
notepad++開啟超快也是很明顯的
而IDE 以VS來說開啟較慢和功能龐大應該是眾所皆知
再以截圖字的顏色來說，
editor是黃色 IDE綠色
Code是兼有兩者的一些性質所以黃綠都有
這算是我目前理解的介於兩者之間的意思
-
和語言的關係的話
目前認知就是
語言在Editor IDE上寫都可以
只是IDE上可能比較方便debug build
和功能比較多吧
推 bxxl: Coursera很多課的課程影片都是直接在IDE上 118.160.237.89 08/25 22:22
→ bxxl: 操作. 你可以去找找. 不過他們的"IDE"種類 118.160.237.89 08/25 22:22
→ bxxl: 很多,有Emacs,Eclipse等等 118.160.237.89 08/25 22:24
→ bxxl: 通常他們還會作環境安裝跟使用的短片 118.160.237.89 08/25 22:25
感謝分享!※ 編輯: name2name2 (114.36.106.218), 08/26/2016 00:02:01
推 s89227: 我終於弄懂問題所在了 1.160.165.222 08/26 03:05
→ s89227: 你文中的Code指的是VS Code 1.160.165.222 08/26 03:06
→ s89227: 但是大家的理解是Code=程式碼 1.160.165.222 08/26 03:06
→ s89227: 才會雞同鴨講這麼久Orz 1.160.165.222 08/26 03:06
對Code我代稱VSCode，原來如此@@推 TobyH4cker: 等你學會後出教學造福人群吧 27.246.84.237 08/26 13:57
→ TobyH4cker: 但我老實告訴你我從來沒有學過一個ID 27.246.84.237 08/26 14:05
→ TobyH4cker: E，而是在用IDE實際寫程式時，慢慢去 27.246.84.237 08/26 14:05
→ TobyH4cker: 摸索出來的，給你參考 27.246.84.237 08/26 14:05
感謝分享!那我這篇就回應到這，之後不再回應，
到此感謝各位推文交流!
※ 編輯: name2name2 (114.36.100.173), 08/26/2016 20:34:29
推 zxvc: 我也有用VS Code。只是沒原po那麼有心、有系 140.115.73.148 08/30 16:41
→ zxvc: 統的想學起來XD 我跟T大差不多，都是邊用邊 140.115.73.148 08/30 16:42
→ zxvc: 學。話說VS Code好像在學Sublime Text XD 140.115.73.148 08/30 16:44