vscode怎么新建html文件?
1、点击左侧边栏的插件商店，在搜索框中安装插件：中文语言包、AutoRenameTag或者AutoCloseTag、openin（default）browser。在电脑任意位置创建一个文件夹。
2、打开VisualStudio软件，然后单击任务栏上的项目选项。找到添加类选项，单击即可。添加新项窗口中，选择语言为Visual C#。接着，在中间的窗体中选择HTML页。
3、新建文本文档 然后我们打开它，输入源代码 单击文件，另存为，再在文件名后面加上.html或者.htm 然后我们用浏览器打开这个html文件，好了。
4、html文件，介绍如下：打开vscode，点击Open Folder 选择目标文件夹，新建一个扩展名为.html的文件：在第一行输入 ！(英文状态下)，按tab键，新建成功。界面如下图所示：后面就可以根据需要进行html文件编辑了。
5、新建文件。取后缀名html就是HTML文件，输入html5回车就会出现HTML内容css文件直接新建文件，后缀名为.css就可以了。
6、把结子的圆角弄到html中：首先，我们使用VSCode创建一个html文件，并搭建出基本框架。然后创建一个类名为box的元素，并在style中设置该元素的样式。在浏览器中运行，我们可以看到一个边角为直角的“盒子”。
如何实现前端代码打开vscode编辑器
设置.vue模板打开编辑器，点击文件 —— 首选项 —— 用户代码片段，会弹出来一个输入框。在输入框输入vue，回车，会打开一个vue.json文件。
vscode 的常规调试vscode 的调试界面在窗口最左边：最新版本的vscode，该选项默认隐藏了，需要自己打开。
vscode插件一键部分开启具体步骤如下：打开vscodesetting，搜索docsToolimagepng。输入一段脚本。重启一下vsCode就生效了。
我们打开了一个脚本文件，希望直接执行这个脚本文件，就可以打开命令面板，运行“在活动终端中运行活动文件”(RunActiveFileInActiveTerminal)，这样这个脚本就会在当前打开的集成终端中运行了。
通过快捷方式打开Visual Studio Code工具，然后新建静态页面。创建一个静态页面table.html，并添加页面代码，然后保存，使用浏览器查看。点击File菜单，选择Open Folder，将项目导入到Visual Studio Code。
在vscode中用于生成文件头部注释和函数注释的插件，经过多版迭代后，插件：支持所有主流语言，功能强大，灵活方便，文档齐全，食用简单！代码插件，在导入语句中自动完成NPM模块 允许你在默认浏览器或应用程序中打开当前文件。
前端项目中如何搭建JQuery、Vue等开发环境
可以说，vscode是代码编辑器的首选。个人推荐编写前端代码时，代码编辑器选择vscode，IDE选择WebStorm。
对于vue的使用可以分为两种使用形式：引入vue.js文件，在js中将vue实例化；通过node安装第三方包--vue，搭建脚手架，用脚手架将页面分成几个组件编写，从而利用组件来搭建页面。
在开发之前需要首先安装node.js，直接百度搜索或者在其中文官网也可以下载http：//nodejs.cn/download/在装完node之后npm包管理工具也自动的安装好，安装完之后，在命令行输入node -v或者npm -v，出现版本号说明安装成功。
vue$： vue/dist/vue.esm.js // vue/dist/vue.common.js for webpack 1 } }此时在运行webpack 命令重新编译，编译后在访问index.html页面，页面内容如下图此时一个基于webpack的vue 项目就搭建好。