VS code 安装插件 新建项目

导读:本篇文章讲解 VS code 安装插件 新建项目,希望对大家有帮助,欢迎收藏,转发!站点地址:www.bmabk.com

1.安装插件

1、打开安装好的VS code,点击插件,在搜索框搜索“language”,选择名称为: Chinese (Simplified) (简体中文) Language Pack for Visual Studio Code的中文简体插件,点击安装即可。

在这里插入图片描述

2、同理,在搜索框搜索“Live Server”,找到之后,点击安装即可。在我们编程时。其可以帮助我们实时观察网页的改变。(安装内置服务器打开网页)
在这里插入图片描述

2.新建(添加)项目文件

1、添加项目文件,将新建的项目文件夹project拖到VS code 的“ 资源管理器 ”中,然后点击“ 将文件添加到工作区 ”,然后点击“ 是 ”即可。
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
2.在project工作目录下,根据需要新建文件夹和文件。

在这里插入图片描述
在这里插入图片描述
3.在建立好的html页面中输入英文版的!,然后点击回车,自动生成html基本框架。
在这里插入图片描述
4.编程好的页面在内置浏览器打开并同步观察页面变化时,右键鼠标单击,选择“Open with Live Server”,打开即可。注意:修改一步,保存一步,实时变化一次。
在这里插入图片描述

3.Emmet 语法 速查表

Emmet是一款文本编辑器/IDE的插件,用来快速生成复杂的HTML代码,只要掌握一些常用的语法(类似于CSS选择器),就可以减少重复编码的工作。
链接:” https://www.jianshu.com/p/9352a0411fcb “

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。

文章由极客之音整理,本文链接:https://www.bmabk.com/index.php/post/118181.html

(0)
seven_的头像seven_bm

相关推荐

发表回复

登录后才能评论
极客之音——专业性很强的中文编程技术网站,欢迎收藏到浏览器,订阅我们!