Udemy
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
Development
Web Development Data Science Mobile Development Programming Languages Game Development Database Design & Development Software Testing Software Engineering Development Tools No-Code Development
Business
Entrepreneurship Communications Management Sales Business Strategy Operations Project Management Business Law Business Analytics & Intelligence Human Resources Industry E-Commerce Media Real Estate Other Business
Finance & Accounting
Accounting & Bookkeeping Compliance Cryptocurrency & Blockchain Economics Finance Finance Cert & Exam Prep Financial Modeling & Analysis Investing & Trading Money Management Tools Taxes Other Finance & Accounting
IT & Software
IT Certification Network & Security Hardware Operating Systems Other IT & Software
Office Productivity
Microsoft Apple Google SAP Oracle Other Office Productivity
Personal Development
Personal Transformation Personal Productivity Leadership Career Development Parenting & Relationships Happiness Esoteric Practices Religion & Spirituality Personal Brand Building Creativity Influence Self Esteem & Confidence Stress Management Memory & Study Skills Motivation Other Personal Development
Design
Web Design Graphic Design & Illustration Design Tools User Experience Design Game Design Design Thinking 3D & Animation Fashion Design Architectural Design Interior Design Other Design
Marketing
Digital Marketing Search Engine Optimization Social Media Marketing Branding Marketing Fundamentals Marketing Analytics & Automation Public Relations Advertising Video & Mobile Marketing Content Marketing Growth Hacking Affiliate Marketing Product Marketing Other Marketing
Lifestyle
Arts & Crafts Beauty & Makeup Esoteric Practices Food & Beverage Gaming Home Improvement Pet Care & Training Travel Other Lifestyle
Photography & Video
Digital Photography Photography Portrait Photography Photography Tools Commercial Photography Video Design Other Photography & Video
Health & Fitness
Fitness General Health Sports Nutrition Yoga Mental Health Dieting Self Defense Safety & First Aid Dance Meditation Other Health & Fitness
Music
Instruments Music Production Music Fundamentals Vocal Music Techniques Music Software Other Music
Teaching & Academics
Engineering Humanities Math Science Online Education Social Science Language Teacher Training Test Prep Other Teaching & Academics
AWS Certification Microsoft Certification AWS Certified Solutions Architect - Associate AWS Certified Cloud Practitioner CompTIA A+ Cisco CCNA Amazon AWS CompTIA Security+ AWS Certified Developer - Associate
Graphic Design Photoshop Adobe Illustrator Drawing Digital Painting InDesign Character Design Canva Figure Drawing
Life Coach Training Neuro-Linguistic Programming Personal Development Mindfulness Meditation Personal Transformation Life Purpose Emotional Intelligence Neuroscience
Web Development JavaScript React CSS Angular PHP WordPress Node.Js Python
Google Flutter Android Development iOS Development Swift React Native Dart Programming Language Mobile Development Kotlin SwiftUI
Digital Marketing Google Ads (Adwords) Social Media Marketing Google Ads (AdWords) Certification Marketing Strategy Internet Marketing YouTube Marketing Email Marketing Google Analytics
SQL Microsoft Power BI Tableau Business Analysis Business Intelligence MySQL Data Modeling Data Analysis Big Data
Business Fundamentals Entrepreneurship Fundamentals Business Strategy Online Business Business Plan Startup Blogging Freelancing Home Business
Unity Game Development Fundamentals Unreal Engine C# 3D Game Development C++ 2D Game Development Unreal Engine Blueprints Blender
30-Day Money-Back Guarantee
Development Web Development Visual Studio Code

VSCode 開發功能大解密

最值得學習的文字編輯器
Rating: 4.5 out of 54.5 (7 ratings)
24 students
Created by 卡斯伯 六角學院, 六角助教 六角學院, 廖洧杰 liao, 六角 學院
Last updated 12/2019
Traditional Chinese
30-Day Money-Back Guarantee

What you'll learn

  • VSCode 文字編輯器的開發技巧
  • VSCode 進階使用技巧及套件推薦

Course content

4 sections • 23 lectures • 1h 57m total length

  • Preview02:12
  • VSCode 官網及相關連結
    00:23
  • Preview03:15
  • 在 VSCode 建立工作環境及整體介面說明
    11:00
  • 本章節使用的插件連結
    00:19

  • 上手 Emmet
    15:14
  • Preview00:06
  • 常用熱鍵介紹
    14:45
  • 設定屬於你的 VSCode
    08:45
  • 設定 VSCode 章節相關資源
    00:31
  • 安裝佈景主題
    03:58
  • 安裝佈景主題相關資源
    00:38

  • 進階章節說明
    00:27
  • Preview08:17
  • 撰寫屬於你的函式文件
    02:19
  • Webpack 環境建立
    07:39
  • Webpack 相關資源
    00:18
  • 使用 ESLint 統一你的 JavaScript 規範
    08:58
  • Git 面板功能簡介
    05:13
  • Node.js 除錯模式介紹
    10:06

  • 擴充套件連結
    00:51
  • 常用的擴充套件介紹
    07:03
  • Preview05:26

Requirements

  • 基本網頁設計觀念

Description

身為工程師,編寫程式碼最重要的工具就是使用的電腦及開啟的文字編輯器,而 Visual Studio Code 是這幾年的首選文字編輯器,後面將會使用 VSCode 的名稱簡稱,VSCode 是微軟基於 Electron 開發的跨平台文字編輯器,是GitHub開發的一個開源框架。它允許使用前端技術完成桌面 GUI 應用程式的開發。所以在瀏覽器中可運行的功能都可以搬到 VScode 上,並且無論你是使用 Windows, Mac, Linux 都可以免費下載。

為什麼 VSCode 會有這樣的魅力呢

  1. 其一:IntelliSense,過去的程式碼提示大多都需要額外安裝套件,而在 VSCode 中是屬於內建功能,並且完全支援 commonjs 及 ES6 import,讓開發的邏輯更能跟上時代

  2. 第二:Git 功能是內建的,程式碼控管是團隊合作必要條件,透過文字編輯器整合 Git 功能,就不需要額外許多工具才能做到版本比對及簽入,讓程式碼的檢視變成開發中的習慣。

  3. Debug:VSCode 直接在編輯器內就能運行終端機及除錯模式,讓後端的開發時同時能加入中斷點,清楚解析後端開發中的細微變化。

  4. 除此之外還有 Extension:海量的擴充套件,讓你不用離開 VSCode 就能做許多事,如:

    1. 大量佈景主題

    2. 文字編輯器中就能直接編譯 Sass

    3. 一鍵就能建立的簡易的伺服器環境

    4. 程式碼規範檢視工具

    5. 甚至是查看 PDF、Excel 都能輕鬆達到

    6. 如果要在 VSCode 聽音樂,或是逛逛 PTT 都是沒有問題的

因此,只要一套文字編輯器就能解決大部分問題,加上完全免費、持續更新,這樣的吸引力輕鬆成為目前主流的開發者喜愛工具!

Who this course is for:

  • 前端開發者、網頁設計師,對於網頁編輯器有興趣的學員

Instructors

卡斯伯 六角學院
前端設計師、前端工程師
卡斯伯 六角學院
  • 4.7 Instructor Rating
  • 11,215 Reviews
  • 22,351 Students
  • 20 Courses

大家好,我是王志誠 (Casper),是由設計師轉為前端工程師,專長是視覺設計與前端整合、前端技術教育訓練、前端自動化,常用的工具、技術有 Sketch、Sass、Angular.js、Node.js、Gulp 等主流前端技術。

目前是高雄前端社群的核心成員,高雄前端社群除了會有中型的交流會、Workshop以外,還會舉辦 CSS 讀書會(每月1~2次),如果對 前端、CSS 有興趣,歡迎追蹤 FB / 高雄前端社群,將可以看到我們的活動。

六角助教 六角學院
六角學院助教
六角助教 六角學院
  • 4.7 Instructor Rating
  • 10,324 Reviews
  • 22,311 Students
  • 18 Courses

六角學院 是一所線上程式開發學習單位,目前已累積超過 15,000 名學員,讓更多人藉由線上學習在職涯規劃上有更多的選擇是我們的使命是,如果您贊同我們的理念,歡迎加入六角。

我們將深入了解您想發展的領域,每位實習生我們都會量身打造專屬於您的舞台,並讓您實際瞭解公司營運 Know how。

廖洧杰 liao
前端工程師
廖洧杰 liao
  • 4.7 Instructor Rating
  • 11,215 Reviews
  • 22,351 Students
  • 20 Courses

你好,我是六角學院的校長,洧杰。

我是熱愛分享與交流的前端工程師,目前專注於兼容桌面/移動網頁前端開發,期間已協助數百位平面設計師,網頁設計師導入標準網頁設計。


如果你有意成為網頁設計師,前端工程師,歡迎參考我們的課程,我們是六角學院,希望能帶領您進入程式領域,線上帶您學到會 :D

 

六角 學院
Udemy 台灣合作夥伴
六角 學院
  • 4.7 Instructor Rating
  • 11,215 Reviews
  • 22,350 Students
  • 20 Courses

一次付費,終身複習 
隨著時代更新的線上數位教材
透過國際知名 Udemy 線上教育平台 
我們致力於優化程式教育的流程

我們承諾以下事項:

  • 一次付費,課程內容沒有期限
  • 課程內容更新,無需額外付費
  • 價格調整,已付費者不受影響
  • Udemy、Mail、Facebook 等各頻道發問一定會得到回答
  • 30 天內無條件退款


  • Udemy for Business
  • Teach on Udemy
  • Get the app
  • About us
  • Contact us
  • Careers
  • Blog
  • Help and Support
  • Affiliate
  • Impressum Kontakt
  • Terms
  • Privacy policy
  • Cookie settings
  • Sitemap
  • Featured courses
Udemy
© 2021 Udemy, Inc.