前端學習之路—VScode—01

 在經過倆次埃森哲打臉後 也明白自己 學習的路線  還好 自己有Javascript的技術 不過也買了一個《javaScript高級程序設計》第三版 啃到15章 後面就隨意翻了翻 打算接着視頻學習  自己規劃的學習路線

    javaScript——>Jquery ——>  AngularJS&NodeJS——>TypeScript

那麼技術路線定了 工具 我選擇VScode 來進行開發

爲什麼要選擇VScode那  因爲TypeScript 我覺得未來也是趨勢~ 跟着微軟走 吃香喝辣全都有 

 因爲 我很小白  都要自己摸索 所以 有問題的地方 希望大家指出來  我們開始

 

首先我們要現在使用下載VScode 和所需的插件 下一篇在寫怎麼安裝插件(實際上我下了17個 就是看着好的就下吧)

https://code.visualstudio.com/ 這是官網 (Download就完了 卡在這裏的朋友 可以考慮做點小買賣)

https://marketplace.visualstudio.com/vscode 這是插件 (關於插件的介紹 我也是跟着下的 慢慢摸索吧)

Auto Close Tag 

自動添加HTML / XML關閉標籤(必備)

Auto Rename Tag

自動重命名配對的HTML / XML標籤(必備)

Beautify

格式化javascript,JSON,CSS,Sass,和HTML

Class autocomplete for HTML

智能提示HTML class =“”屬性

Code Runner

非常強大的一款插件,能夠運行多種語言的代碼片段或代碼文件:C,C ++,Java,JavaScript,PHP,Python,Perl,Ruby,Go等等,安裝完成後,右上角出現:

JavaScript Snippet Pack

js代碼片段(必備)

jQuery Code Snippets

jQuery 代碼片段

Debugger for Chrome

用於在Google Chrome瀏覽器或支持Chrome DevTools協議的其他目標中調試JavaScript代碼的VS Code擴展。

OPEN IN Browser

發佈用

Beautify

格式化代碼工具

Chinese (Simplified) Language Pack for Visual Studio Code

中文語言包

Code Spell Checker 

代碼拼寫檢查器

VScode-Icons 

顯示Visual Studio代碼的圖標,目前該插件已被vscode內部支持:"文件" -> "首選項" -> "文件圖標主題"

Atom One Dark Theme

主題 皮套之類的

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章