VSCODE搭建web項目

VSCODE搭建web項目

最近裝了vscode，支持插件安裝，用著蠻舒服的。打算使用其來開發web項目，那么問題來了，如何使用vscode搭建web項目。

項目&預覽

  • 新建項目
    新建已文件夾，并選擇打開文件夾（ctrl+k,ctrl+o）。
    建立對應的文件目錄與html，like this~


    文件結構

    )

  • 預覽
    為了更方便的預覽頁面，安裝插件View In Browser。



    Ctrl+F1即可打開對應頁面。


插件安裝

工欲善其事必先利其器，為了更好的開發，先裝幾個開發插件再說：
beautify,Auto rename tag,Guides,OneDark,vscode-icons。(配置你的VSCode：Web開發必備插件)

參考：
標準md語法教程- Markdown從入門到精通

最后編輯于 ：
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明：文章內容（如有圖片或視頻亦包括在內）由作者上傳并發布，文章內容僅代表作者本人觀點，簡書系信息發布平臺，僅提供信息存儲服務。

推薦閱讀更多精彩內容

  • Android 自定義View的各種姿勢1 Activity的顯示之ViewRootImpl詳解 Activity...
    passiontim閱讀 173,437評論 25贊 708
  • Sublime Text：一款具有代碼高亮、語法提示、自動完成且反應快速的編輯器軟件，不僅具有華麗的界面，還支持插...
    xiaotao123閱讀 9,520評論 0贊 27
  • 雨幕云簾悄然開， 晚霞伴日共徘徊。 虹橋鬧市含羞現， 原是天仙應約來！ 今年出現的彩虹，還會是去年的那條嗎？
    貓步先生閱讀 207評論 0贊 0
  • Bottom navigation，為頂級視圖（top-level views）提供快速導航，可以快速的訪問和刷新...
    i冰點閱讀 24,367評論 17贊 36
  • 今天又是一個虐狗的日子，還好我不是！ 朋友圈總是有各種秀恩愛的橋段，在我看來不過是你炫耀的工具罷了，至于你們是否恩...
    傾聽夏荷閱讀 166評論 0贊 0