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,751评论 25 709
  • Sublime Text:一款具有代码高亮、语法提示、自动完成且反应快速的编辑器软件,不仅具有华丽的界面,还支持插...
    xiaotao123阅读 9,521评论 0 27
  • 雨幕云帘悄然开, 晚霞伴日共徘徊。 虹桥闹市含羞现, 原是天仙应约来! 今年出现的彩虹,还会是去年的那条吗?
    猫步先生阅读 207评论 0 0
  • Bottom navigation,为顶级视图(top-level views)提供快速导航,可以快速的访问和刷新...
    i冰点阅读 24,380评论 17 36
  • 今天又是一个虐狗的日子,还好我不是! 朋友圈总是有各种秀恩爱的桥段,在我看来不过是你炫耀的工具罢了,至于你们是否恩...
    倾听夏荷阅读 167评论 0 0