VS Code如何用命令启动项目

已于 2023-06-21 14:06:49 修改
阅读量4.5k 收藏 2
点赞数 2
文章标签： npm 前端 vscode
于 2023-06-21 14:04:19 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_40319476/article/details/131326299
版权
在VSCode中启动项目，首先打开Terminal新建一个终端，接着找到package.json文件确定运行环境，比如dev。然后在终端输入npmrundev启动项目。如果之前未启动过，可能需要先运行npminstall安装所需的依赖包。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

VS Code如何用命令启动项目
先前启动项目只是浅看了一下博客启动了几次项目，然后每次都忘记怎么启动项目了，现在熟练了便写下此文了

  1. 启动项目
    （1）首先点击上面菜单栏里Terminal-New Terminal选项
    在这里插入图片描述
    （2）然后找package.json文件里的具体运行环境(我这边环境是dev)
    在这里插入图片描述（3）最后在终端输入命令npm run dev，然后就启动成功了（我这边先前是启动过的，如若未启动过，输入命令npm run dev会报错，需输入npm install下载项目所需要的依赖包等等后再运行项目）
    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述
VSCode一键启动运行项目教程
STATICHIT静砸的博客
02-14 1万+
启动vscode项目我们可以采用新建终端再输入命令行的方法，关闭终端即可关闭程序。选择完毕之后就会出现【run Script ： dev】选项。点击左边的绿色小三角形，就可以一键启动运行项目。所以我们可以点击 左边菜单中的【运行与调试】但每次都输入命令行显得非常麻烦。并可以点击工具栏进行关闭等操作。
VS Code上搭建Vue项目
weixin_73060959的博客
08-08 522
通过以上步骤，你就可以在VS Code上成功搭建并运行一个Vue项目了。记得根据项目需求，不断学习和探索Vue及其生态系统的更多功能和最佳实践。
VScode启动Vue项目
HashFlag的博客
03-17 5600
VScode启动Vue项目 { "version": "0.2.0", "configurations": [ { "type": "node", "request": "launch", "name": "Launch Program", // "console": "none", // 只输出到“调试控制台”
vscode环境搭建及项目启动
08-27
vscode环境搭建及项目启动
VS Code 中如何运行Java SpringBoot的项目
最新发布
m0_74823658的博客
02-28 1355
以上是如何在VSCode中配置和运行Java Spring Boot项目的完整指南。安装必要的扩展，配置调试环境，并通过命令行或VSCode内置工具运行和调试Spring Boot应用，可以提升你的开发效率。
vscode怎么用命令行打开本地项目（code .）
热门推荐
Dontla的博客
01-15 1万+
①切换到项目所在文件夹②在当前文件夹打开控制台（如果不会可以看我之前的控制台设置博文）③控制台运行code .就能打开了20230816。
Visual Studio Code （VSCode）使用之普通Web项目启动
qq_41099935的博客
11-19 8888
由于当前接触到的一些老项目，未使用maven管理依赖；使用idea社区版无法实现热部署，在调整页面时超级不方便。基于总总原因，需要找寻一个方便且简洁的ide工具启动普通Web项目。此时，VSCode出现啦。本文主要是介绍启动项目的相关内容，插件的安装和设置不做赘述。ps：安装VSCode插件或启动maven管理依赖的项目可查看另一篇帖子。启动普通Web项目，相比启动Maven管理依赖的项目在设置上更繁琐一些（也可能是我没找到更好的方法）。一次设置，永久使用。
VsCode项目启动
weixin_44145832的博客
01-16 328
内容为：registry=https://registry.npmmirror.com。如果报版本不匹配，可指定版本npm install pnpm@8.6.12 -g。语句：npm install pnpm -g。控制台执行：pnpm install。建一个文件：文件名为.npmrc。运行pnpm run serve。安装node，取官网最新的就行。出现这个地址说明已经启动好了。
Linux中使用VS Code编译调试C++项目详解
08-31
4. 使用VS Code内置终端运行`make`命令编译项目。 5. 利用VS Code的调试功能进行代码调试。 通过这种方式，你可以在Linux环境中高效地开发和调试C++项目，享受VS Code带来的强大功能和便捷性。
使用vs code搭建vue项目1
09-04
本文将指导读者使用 VS Code 搭建 Vue 项目，提供了详细的步骤和命令，帮助读者快速入门。 配置环境 在开始搭建 Vue 项目之前，需要先配置环境。第一步是安装 Node.js，Node.js 是一个基于 Chrome V8 引擎的 ...
在 Linux 上使用 C++ 和 VS Code.pdf
02-10
要在Linux上使用VS Code编写和调试C++程序，需要进行一系列配置以确保GCC（GNU编译器集合）和GDB（GNU调试器）正确安装并集成。 首先，确保在Linux上已经安装了VS Code。用户可以通过包管理器或官方网站下载安装。...
详解VSCode配置启动Vue项目
01-21
下载安装并配置VSCode 随便百度上搜个最新的VSCode安装好后，点击Ctrl + Shit + X打开插件扩展窗口进行插件扩展，这里要安装两个插件。 1、vetur插件的安装 该插件是vue文件基本语法的高亮插件，在插件窗口中输入vetur点击安装插件就行，装好后点击文件->首选项->设置 打开设置界面，在设置界面右侧添加配置 emmet.syntaxProfiles: { vue-html: html, vue: html } 2、eslint插件的安装 eslint智能错误检测插件，在具体开发中作用很大，能够及时的帮我们发现错误。至于安装，同样打开插件扩展窗
Ubuntu中使用VS Code与安装C/C++插件的教程详解
09-07
通过本文的步骤，你应该能够顺利地安装、配置和使用VS Code进行C/C++编程，同时也能掌握基本的调试技巧。如果你对此有更深入的兴趣，可以进一步探索VS Code的高级功能和个性化设置，以满足你的特定需求。
VSCode导入Vue项目入门部署与启动
m0_54230514的博客
03-04 1万+
PS：没有node.js的需要下载，官网提供的版本过高，下载安装后容易出现一些问题导致不能运行，建议下载与项目适配的版本，node.js历史版本可参考以下博客。后者需要将npm下载镜像，使用淘宝镜像- 命令就改为了cnpm，会加快项目的启动速度。@后的数字可以更改为想要的版本 若不加上@6 就默认下载最新版本的镜像cnpm。设置全局模块的安装路径到 “node_global” 文件夹，配置npm的全局模块的存放路径 以及 cache缓存的路径。与idea导入项目一致，选择前端项目的文件夹进行导入。
vscode配置启动脚本 启动项目
joke博客
09-02 1239
vscode配置启动脚本 启动项目如下,二选一在你的 VSCode 配置中，定义了两种启动方式，分别是类型和"node"类型。
VS Code 从命令行启动
ms
12-29 837
vscode. 命令行
VScode导入项目后如何启动
weixin_46528266的博客
04-13 2092
VScode导入项目后如何启动： 1.输入： 输入 npm i 导入依赖 2.输入 npm run dev 完成了！
VUE----VScode下的Vue项目启动方法
weixin_44126737的博客
07-05 343
很久不用Vue脚手架，今天用新项目遇到了问题，npm run serve 启动失败。 我知道的启动方法有两种：1、npm run serve 2、npm run dev 但是具体用哪种启动呢，就要进入项目中的package.json文件里面的Scripts属性下，里面是dev属性还是server属性。 如果是dev："xxx"， 则用npm run dev，反之。 ...
如何启动vsStdio中的项目
qq_45274635的博客
08-19 1541
安装完编辑器后，找到项目文件，双击.sln文件或者右击即可打开项目。安装vsStdio编辑器可在官方网站进行下载，地址（首次运行项目可以点击生成，代码更新后建议重新生成。生成之后，弹出这个弹窗就是生成成功了。
vs code新建项目没有匹配的命令
01-17
### 创建新项目并解决无匹配命令问题 在 Visual Studio Code (VS Code) 中创建新的 Go 项目时，如果遇到无法找到匹配命令的问题，可以按照以下方法来设置开发环境[^1]。 #### 配置工作区文件夹 当首次启动一个新的 Go 工作空间时，确保已经安装了必要的扩展包以及设置了合适的工作区文件夹。对于 Gin 框架下的 Golang 开发而言，建议先通过 `go mod init` 初始化模块化管理工具，并指定好项目的名称作为模块路径[^2]。 ```bash mkdir myginproject && cd $_ go mod init github.com/username/myginproject ``` #### 安装依赖项 接着利用 go get 命令下载所需的库： ```bash go get -u github.com/gin-gonic/gin ``` 这一步骤会自动处理所有必需的外部依赖关系并将它们添加到本地环境中去。 #### 设置launch.json 为了能够在不离开 IDE 的情况下轻松地编译和执行程序，应当正确配置 `.vscode/launch.json` 文件以便支持调试功能。下面是一个适用于大多数情况的基础模板: ```json { "version": "0.2.0", "configurations": [ { "name": "Launch Package", "type": "go", "request": "launch", "mode": "auto", "program": "${workspaceFolder}" } ] } ``` 此 JSON 片段定义了一个名为 “Launch Package” 的调试配置项，它允许一键启动当前目录中的应用程序而无需额外输入任何参数或路径信息。 #### 添加任务配置tasks.json 有时还需要配合 tasks 来完成某些预处理操作，比如构建二进制文件等。此时可以在同一 .vscode 文件夹下增加一个叫作 `tasks.json` 的文档用于描述这些辅助性的作业流程: ```json { "version": "2.0.0", "tasks": [ { "label": "build", "command": "go build ./...", "group": { "kind": "build", "isDefault": true }, "problemMatcher": ["$go"] } ] } ``` 上述代码片段提供了一种简单的方式来进行整个项目的增量式编译，同时还能识别出可能存在的语法错误或其他警告提示。 一旦完成了以上所有的准备工作之后，应该就不会再碰到找不到相应命令的情况啦！
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值