VSCode一键启动运行项目教程

最新推荐文章于 2024-04-23 20:45:12 发布
最新推荐文章于 2024-04-23 20:45:12 发布
阅读量1w 收藏 12
点赞数 3
分类专栏： 安装配置 文章标签： vscode ide 编辑器
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_62742402/article/details/129032200
版权

启动vscode项目我们可以采用新建终端再输入命令行的方法，关闭终端即可关闭程序

但每次都输入命令行显得非常麻烦

所以我们可以点击 左边菜单中的【运行与调试】

 选择node.js

 选择需要的启动配置

选择完毕之后就会出现【run Script ： dev】选项

 点击左边的绿色小三角形，就可以一键启动运行项目

并可以点击工具栏进行关闭等操作

 

 

STATICHIT静砸
关注
  • 3
    点赞
  • 踩
  • 12
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
VSCode 配置一键运行与 Debug
01-20
本文首发于我的个人博客：Sui Xin’s Blog 原文：https://suixinblog.cn/2019/09/vscode-code-runner-debug.html 作者：Sui Xin 本文以 Python 和 C++ 为例，在 VSCode 中配置多语言一键运行和 Debug 环境。 Code Runner 插件中心搜索并安装 Code Runner，安装完成后只需简单配置即可使用。 默认使用快捷键 ⌃⌥N 来运行脚本，使用 ⌃⌥M 来结束运行。 配置多语言执行命令 在 VSCode 设置中搜索 Code Runner，找到 Code-runner: Executor Map
SDchao开发的VSCode的C++环境一键配置软件（包含MinGW编译器的下载安装）
05-23
1、介绍：SDchao开发的VSCode的C++环境一键配置软件（包含MinGW编译器的下载安装），只需三步20s即可配置好C++的编译运行环境，亲测有效，且开源，很好用！ 2、使用教程（Bilibili）：https://www.bilibili.com/video/BV1r4411E7Be?spm_id_from=333.337.search-card.all.click 3、手动配置详细教程：https://blog.csdn.net/qq_40430360/article/details/124934118
vscode怎么运行程序代码的两种方法
weixin_47378963的博客
01-11 2509
这种情况，可以在VSCode中下载一个“open in browser”的插件，如此，在HTML代码的编辑区域内，点击“右键”，选择“open in default browser”即可使用当前系统中默认的浏览器打开HTML文件了。在VSCode中，后端代码的运行，可以从VSCode打开终端，然后使用命令行工具，使用命令来运行后端代码程序，比如Python的就可以使用命令：python file.py；VSCode要运行程序的代码，大致要分为两种情况而定，一种是前端的代码，另一种是后端的代码。
VSCode导入Vue项目入门部署与启动
m0_54230514的博客
03-04 1979
PS：没有node.js的需要下载，官网提供的版本过高，下载安装后容易出现一些问题导致不能运行，建议下载与项目适配的版本，node.js历史版本可参考以下博客。后者需要将npm下载镜像，使用淘宝镜像- 命令就改为了cnpm，会加快项目的启动速度。@后的数字可以更改为想要的版本 若不加上@6 就默认下载最新版本的镜像cnpm。设置全局模块的安装路径到 “node_global” 文件夹，配置npm的全局模块的存放路径 以及 cache缓存的路径。与idea导入项目一致，选择前端项目的文件夹进行导入。
vs code怎么启动一个vue项目
还在活水泥的未来包工头
10-27 1789
请注意，上述步骤假设你已经正确配置了 Vue CLI，并且在项目目录中有一个有效的 package.json 文件。要在 VS Code 中启动一个 Vue 项目，你需要先确保已经安装了 Node.js 和 Vue CLI。这样，你就能够使用 vue 命令来创建和管理 Vue 项目了。现在，你应该能够在浏览器中看到你的 Vue 项目正在运行。
VS code运行vue项目
各类程序设计成品、文档、学习资料
10-25 1万+
请注意，以上步骤假设您的Vue项目已经配置好了相应的构建脚本（如package.json中的"scripts"字段）。命令时出现"无法将'npm'项识别为cmdlet、函数、脚本文件或可运行程序的名称"的错误消息，这可能是因为您的计算机上没有正确安装Node.js和npm，或者系统环境变量配置不正确。2.在VS Code的侧边栏中，选择您的Vue项目文件夹，或者使用菜单中的“文件”->“打开文件夹”选项来打开项目文件夹。3.打开终端（菜单中的“视图”->“终端”），确保终端位于您的Vue项目文件夹下。
三、使用VSCode运行vue项目（VSCode插件设置）
weixin_45681674的博客
08-10 1万+
前言1. 打开VSCode1. 下载vetur插件2. 下载eslint插件3. Auto Close Tag 自动闭合HTML/XML标签4. Debugger for Chrome2. 打开vue项目 1. 打开VSCode 1. 下载vetur插件 该插件是vue文件基本语法的高亮插件，在插件窗口中输入vetur点击安装插件就行， 装好后 点击文件->首选项->设置 ->打开设置 界面，在设置界面右侧添加配置。 "emmet.syntaxProfiles": {
vscode怎么用命令行打开本地项目（code .）
Dontla的博客
01-15 1万+
①切换到项目所在文件夹②在当前文件夹打开控制台（如果不会可以看我之前的控制台设置博文）③控制台运行code .就能打开了20230816。
VS Code如何用命令启动项目
qq_40319476的博客
06-21 3105
VS Code如何用命令启动项目
02-启动 Vue 项目
奔三的Uncle
06-08 3491
打开vscode编辑器，点击 1.文件 ——>打开文件夹，2.选中要打开的文件，3.选择文件夹。系统默认一般为项目分配80端口，如若要修改默认端口，可在vue.config.js文件里修改。点击 serve 右侧的三角符号，即启动项目。打开后可以看到该文件的子目录，在左下角可以看到有 npm脚本。在本地浏览器输入：localhost:8080 即可访问启动成功的项目。项目的启动也有两种方式，一种是通过图形界面启动，另一种是通过命令行启动。在弹出的命令行界面输入：npm run serve ,启动项目。
Visual Studio Code （VSCode）使用之普通Web项目启动
qq_41099935的博客
11-19 4844
由于当前接触到的一些老项目，未使用maven管理依赖；使用idea社区版无法实现热部署，在调整页面时超级不方便。基于总总原因，需要找寻一个方便且简洁的ide工具启动普通Web项目。此时，VSCode出现啦。本文主要是介绍启动项目的相关内容，插件的安装和设置不做赘述。ps：安装VSCode插件或启动maven管理依赖的项目可查看另一篇帖子。启动普通Web项目，相比启动Maven管理依赖的项目在设置上更繁琐一些（也可能是我没找到更好的方法）。一次设置，永久使用。
vscode导入项目并启动
热门推荐
努力努力再努力
02-12 6万+
打开vscode 如果之前没有添加过项目 可以点添加项目 也可以直接拖拽进去都是可以的 之前如果添加过 可以亦可以直接拖进去 但是只要项目之间互不干扰就可以。导入依赖（cnpm需要安装：https://blog.csdn.net/qq_42094345/article/details/100978092）如果导入失败 要么是node安装失败 要么是脚手架没搞好 或者项目有问题 好好排查一下 先看环境有没有装好 再看看项目配置啥的有没有问题。二、选择项目目录右键打开cmd（在终端中打开）
vscode环境搭建及项目启动
08-27
vscode环境搭建及项目启动
vscode一键导入快捷键
12-09
vscode的快捷键模板，可以一键导入，非常方便。另外如果不合适可以自己替换
vscode 一键规范代码格式的实现
10-14
主要介绍了vscode 一键规范代码格式的实现，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
VSCode C++环境一键配置
06-02
配置完成后，把工作区文件夹拖到vscode上就可以启动了 里面代码是部署为UTF-8，你们自己通过右下角的GBK转码转移即可 之后按照教程中操作步骤对runcode插件中的json进行简单的部署 就可以实现中文路径的访问和终端内...
如何打包Python Web项目实现免安装一键启动的方法
09-16
主要介绍了如何打包Python Web项目，实现免安装一键启动，本文给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
【学习】服务器解决：重新分配同样端口号后，连不上VScode
最新发布
qq_46110320的博客
04-23 287
清除本地 SSH 缓存中与远程主机相关的条目可以通过编辑 known_hosts 文件来实现。这个文件包含了您曾经连接过的远程主机的公钥信息。原来服务器分配的环境有问题，重新分配了一下。还是同样的端口号，Xshell和xftp能够连接上，但是VScode连接不上。在 Windows 上，known_hosts 文件通常位于用户的 .ssh 目录下。将以前的端口号那一行删除即可。例如此处删除103。打开后，会发现里面有已经缓存过的端口号及密匙。删除之后，VScode再重新连接即可。
VSCode断点调试（ROS）
不知语冰
04-19 701
中打ROS，可以自动补全ROS: Attach 或 ROS: Launch。其中，ROS: Attach 表示对一个可执行节点(node) debug，ROS: Launch 表示对一个launch 文件 debug。剩下的就跟pycharm差不多了，2处进行单步调试，3-4处进行变量监视（右键添加到监视），感觉比起pycharm变量很多不全的…，5处可对变量进行修改和计算，不需要加。，弹出一些模板，点默认gdb即可，会在.vscode文件夹下生成。，6处是程序的调用关系，7处切换终端等。
vscode 一键缩进
10-20
VSCode提供了一键缩进的功能，可以通过以下步骤实现： 1. 选中需要缩进的代码段。 2. 按下快捷键Shift+Alt+F（Windows）或Shift+Option+F（Mac）。 3. 代码段将自动缩进，格式化为规范的代码风格。 需要注意的是，一键缩进功能需要安装并启用格式化插件，例如Prettier或Beautify。同时，也可以在设置中自定义缩进大小和其他格式化选项。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值