VScode 创建原生web工程 html+js

一、创建工程文件夹、添加文件文件

1、VS code本身没有新建项目的选项，所以要先创建一个空文件夹，如vue-1

2、VS code中菜单栏文件--打开文件夹 打开新建的vue-1文件夹

3、选中项目文件夹，新建子文件夹，选中子文件夹，新建文件。

这里目录结构如下：
vue-1|--html --index.html|--js   --main.js

二、项目中添加tasks.json

此时，项目还不完整，需要继续配置。

4、选中项目文件夹，按ctrl+shift+p，输入tasks，点击配置默认测试任务

三、运行程序

5、（可选） VSCode中安装Live Server插件实现Html代码修改的实时预览

参考：

https://blog.csdn.net/m0_46772594/article/details/113485804?utm_medium=distribute.pc_relevant.none-task-blog-BlogCommendFromMachineLearnPai2-1.control&dist_request_id=e662193a-32e6-4c4f-8c34-15681612985a&depth_1-utm_source=distribute.pc_relevant.none-task-blog-BlogCommendFromMachineLearnPai2-1.control

6、选中代码文件，点击运行按钮，选择本地浏览器

如果安装了Live Server插件，点击底部右侧 Go Live即可

VScode 创建原生web工程 html+js相关推荐

Servlet学习DAY_01:服务器概念/Web服务器的作用/ Servlet概念/ 如何关联和解除Tomcat/ 创建一个Web工程 /Servlet响应流程/ Get-Post /常见异常
Servlet 什么是服务器服务器就是一台高性能电脑电脑上安装了提供服务的软件就称为 xxx服务器举例: 邮件服务器: 就是在电脑上安装了提供邮件收发服务的软件 ftp服务器: 就是在电脑上安装 ...
使用Scalatra创建Scala WEB工程
和Java一样,我们也可以使用 Scala来创建Web工程,这里使用的是 Scalatra,它是一款轻量级的 Scala web框架,和Ruby Sinatra功能类似.比较推荐的创建Scalatra ...
javaweb(05):tomcat服务器的安装、启动，IDEA整合Tomcat创建动态web工程
tomcat服务器的安装.启动下载及安装下载官网下载合适的版本:https://tomcat.apache.org/ 我装的是9.0.37版本. 安装把从官网下载的文件放到想要安装的位置,解压 ...
Eclipse创建java web工程
Eclipse创建java web工程 eclipse版本:eclipse-jee-4.5-win32-x64 tomcat版本:apache-tomcat-7.0.63-windows-x64 jd ...
IDE工具(16) eclipse创建动态web工程搭建CMS开发环境(自动服务器tomcat)
CMS是什么? 内容管理系统:官网.博客... ( 前端页面+后台系统) 前端页面 --> 负责展示后台系统 --> 管理前台页面展示的内容先看看我们最后的整 ...
idea的几个好用快捷键、常用配置(包括git)、jdk和javaSE和javaEE、创建一个SE工程、debug、创建一个Web工程、打war包
几个好用的快捷键(持续更新) Ctrl+Shift+f12 ,相当于myeclipse的ctrl+m 最大化窗口的 alt+shift+↑或↓,将当前行上移或下移 shift+enter ,当前行下一 ...
微信公众号开发之使用eclipse创建微信web工程并发布到BAE测试
本篇博文主要是讲一下在eclipse上创建一个微信web工程并发布到BAE上,其中会讲一些应该注意的问题 1.切入正题,为了减少麻烦,我使用百度提供的一键安装版的Eclipse,下载地址:http:/ ...
手把手教你使用SSM框架实现一个学生管理系统第二章之创建一个web工程及相关配置文件的介绍
SSM框架的基本介绍文字概述: SSM:spring+springMVC+mybaits Spring:是一个容器,就是一个bean(实体对象)大集合. SpringMVC:控制器(业务逻辑层)(视 ...
Eclipse中如何创建maven web工程
1.选择新建maven工程 2.选择maven-archetype-webapp,这里第一次创建的时候可能需要等一段时间才能刷出来 3.配置groupid和artifactid 4.创建完后目录结构如 ...

VScode 创建原生web工程 html+js

一、创建工程文件夹、添加文件文件

二、项目中添加tasks.json

三、运行程序

VScode 创建原生web工程 html+js相关推荐

最新文章

热门文章