VS Code如何用命令启动项目

已于 2023-06-21 14:06:49 修改
阅读量3.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
版权

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

  1. 启动项目
    （1）首先点击上面菜单栏里Terminal-New Terminal选项
    在这里插入图片描述
    （2）然后找package.json文件里的具体运行环境(我这边环境是dev)
    在这里插入图片描述（3）最后在终端输入命令npm run dev，然后就启动成功了（我这边先前是启动过的，如若未启动过，输入命令npm run dev会报错，需输入npm install下载项目所需要的依赖包等等后再运行项目）
    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述
爱源源源源的呀
关注
  • 2
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
VSCode一键启动运行项目教程
STATICHIT静砸的博客
02-14 1万+
启动vscode项目我们可以采用新建终端再输入命令行的方法，关闭终端即可关闭程序。选择完毕之后就会出现【run Script ： dev】选项。点击左边的绿色小三角形，就可以一键启动运行项目。所以我们可以点击 左边菜单中的【运行与调试】但每次都输入命令行显得非常麻烦。并可以点击工具栏进行关闭等操作。
Linux中使用VS Code编译调试C++项目详解
08-31
4. 使用VS Code内置终端运行`make`命令编译项目。 5. 利用VS Code的调试功能进行代码调试。 通过这种方式，你可以在Linux环境中高效地开发和调试C++项目，享受VS Code带来的强大功能和便捷性。
vscode环境搭建及项目启动
08-27
vscode环境搭建及项目启动
前端-VScode安装和使用
最新发布
2401_84447207的博客
04-27 799
2.2、设置字体大小左边栏 管理-> 设置-> 搜索 “font” -> Font size修改完后ctrl+s保存。2.3、开启完整的Emmet语法支持设置中搜索 Emmet：启用如下选项，必要时重启vs3、创建项目3.1、创建空的文件夹vscode本身没有新建项目的选项，所以要先创建一个空的文件夹，如yygh。然后打开vscode，再在vscode里面选择 File -> Open Folder 打开文件夹，这样才可以创建项目。
vscode怎么用命令行打开本地项目（code .）
Dontla的博客
01-15 1万+
①切换到项目所在文件夹②在当前文件夹打开控制台（如果不会可以看我之前的控制台设置博文）③控制台运行code .就能打开了20230816。
前端学习之一——关于第一次使用VSCode打开前端代码并启动问题
Jupite_ch的博客
05-25 1万+
注意：所有涉及代码的软件，都不建议使用中文目录！！要不然会出事！！勿谓言之不预！ 如果不小心用了，后期出现问题，就要重装了。 一、软件环境准备（VSCode、git、nodejs、npm） 1、VSCode下载安装教程 下载： 官网网址：https://code.visualstudio.com/Download ​我是直接点这里。然后它的下载速度会很慢。这时候把下载任务的链接复制出来，将里面的 http://az764295.vo.msecnd.net 替换为 http://v..
前端学习之小技巧----快速通过vscode打开项目
i96249264_bo的博客
11-27 9048
3、在黑窗口中输入code . 然后回车，这时就会打开vscode，此时项目就被打开了。比如，我这里的根目录是：‘D:\myData\vue\vue-admin’；2、在项目的根目录下的地址栏中输入cmd，并回车，就会弹出黑窗口。1、首先进入到项目的根目录。
vscode运行vue项目
weixin_42479421的博客
04-24 4万+
朋友搭建了个前端开发框架，如何打开呢？ 准备工作 1. 安装node.js和git 2. 检查安装情况，依次输入 node -v 和 npm -v 查看到版本号，则安装成功。 运行 1. 打开用vscode打开vue项目 2. Ctrl+shift+Y呼出控制台，在控制台终端输入npm install 或者 npm i 添加包依赖。 3. 同样在终端 执行npm run dev代表开始运行项目，这条命令会自动在浏览器上运行项目，运行结果如下图所示，代表配置成功了。
使用vs code搭建vue项目1
09-04
本文将指导读者使用 VS Code 搭建 Vue 项目，提供了详细的步骤和命令，帮助读者快速入门。 配置环境 在开始搭建 Vue 项目之前，需要先配置环境。第一步是安装 Node.js，Node.js 是一个基于 Chrome V8 引擎的 ...
Ubuntu中使用VS Code与安装C/C++插件的教程详解
09-07
通过本文的步骤，你应该能够顺利地安装、配置和使用VS Code进行C/C++编程，同时也能掌握基本的调试技巧。如果你对此有更深入的兴趣，可以进一步探索VS Code的高级功能和个性化设置，以满足你的特定需求。
Microsoft VS Code
05-10
- **快速启动**：VS Code启动速度快，占用系统资源少，即使处理大型项目也依然流畅。 - **实时保存与预览**：支持实时保存和预览，无需频繁切换窗口查看效果。 5. **协作与分享** - **Live Share** 扩展：允许...
Visual Studio Code搭建django项目的方法步骤
09-24
在本文中，我们将深入探讨如何使用Visual Studio Code (VS Code) 搭建 Django 项目。Django 是一个流行的 Python Web 开发框架，而 VS Code 是一个强大的源代码编辑器，支持多种编程语言，包括 Python 和 Django。让...
Visual Studio Code （VSCode）使用之普通Web项目启动
qq_41099935的博客
11-19 5912
由于当前接触到的一些老项目，未使用maven管理依赖；使用idea社区版无法实现热部署，在调整页面时超级不方便。基于总总原因，需要找寻一个方便且简洁的ide工具启动普通Web项目。此时，VSCode出现啦。本文主要是介绍启动项目的相关内容，插件的安装和设置不做赘述。ps：安装VSCode插件或启动maven管理依赖的项目可查看另一篇帖子。启动普通Web项目，相比启动Maven管理依赖的项目在设置上更繁琐一些（也可能是我没找到更好的方法）。一次设置，永久使用。
VSCode常用命令---记录自己的常用命令
Una_lover的博客
10-19 4273
收录nvm 、npm、vue、git等常用命令
VS code运行vue项目
各类程序设计成品、文档、学习资料
10-25 2万+
请注意，以上步骤假设您的Vue项目已经配置好了相应的构建脚本（如package.json中的"scripts"字段）。命令时出现"无法将'npm'项识别为cmdlet、函数、脚本文件或可运行程序的名称"的错误消息，这可能是因为您的计算机上没有正确安装Node.js和npm，或者系统环境变量配置不正确。2.在VS Code的侧边栏中，选择您的Vue项目文件夹，或者使用菜单中的“文件”->“打开文件夹”选项来打开项目文件夹。3.打开终端（菜单中的“视图”->“终端”），确保终端位于您的Vue项目文件夹下。
02-启动 Vue 项目
奔三的Uncle
06-08 4238
打开vscode编辑器，点击 1.文件 ——>打开文件夹，2.选中要打开的文件，3.选择文件夹。系统默认一般为项目分配80端口，如若要修改默认端口，可在vue.config.js文件里修改。点击 serve 右侧的三角符号，即启动项目。打开后可以看到该文件的子目录，在左下角可以看到有 npm脚本。在本地浏览器输入：localhost:8080 即可访问启动成功的项目。项目的启动也有两种方式，一种是通过图形界面启动，另一种是通过命令行启动。在弹出的命令行界面输入：npm run serve ,启动项目。
vscode导入项目并启动
热门推荐
努力努力再努力
02-12 7万+
打开vscode 如果之前没有添加过项目 可以点添加项目 也可以直接拖拽进去都是可以的 之前如果添加过 可以亦可以直接拖进去 但是只要项目之间互不干扰就可以。导入依赖（cnpm需要安装：https://blog.csdn.net/qq_42094345/article/details/100978092）如果导入失败 要么是node安装失败 要么是脚手架没搞好 或者项目有问题 好好排查一下 先看环境有没有装好 再看看项目配置啥的有没有问题。二、选择项目目录右键打开cmd（在终端中打开）
vs code怎么启动一个vue项目
还在活水泥的未来包工头
10-27 2360
请注意，上述步骤假设你已经正确配置了 Vue CLI，并且在项目目录中有一个有效的 package.json 文件。要在 VS Code 中启动一个 Vue 项目，你需要先确保已经安装了 Node.js 和 Vue CLI。这样，你就能够使用 vue 命令来创建和管理 Vue 项目了。现在，你应该能够在浏览器中看到你的 Vue 项目正在运行。
在命令行打开vscode方法
weixin_44746748的博客
09-17 6861
在命令行打开vscode方法 1、先在vscode做相应配置，打开vscode，MAC用户按住command+shift+p，windows用户按住control+shift+p,此时会弹出一个命令窗口 2、搜索install code command 3、点击执行，会在右下角提示已经在path中安装了shell命令“code" 4、此时在命令行输入code ./就会在vscode打开当前目录 ...
vs code创建vue项目
06-11
好的，以下是在VS Code中创建Vue项目的步骤： 1. 首先确保你已经安装了Node.js，可以在终端中输入 `node -v` 命令来检查是否已经安装。 2. 安装Vue CLI：在终端中输入以下命令安装Vue CLI： ``` npm install -g @vue/cli ``` 3. 创建Vue项目：在终端中进入你想要创建Vue项目的目录，然后输入以下命令： ``` vue create my-project ``` 其中 `my-project` 为你的项目名称，你可以根据需要进行修改。 4. 选择配置项：在进入创建项目的命令后，会出现一个交互式命令行界面，让你选择一些配置项，如项目的特性、预设等。你可以根据需要进行选择。 5. 进入项目目录：创建完成后，在终端中进入项目目录： ``` cd my-project ``` 6. 启动开发服务器：在终端中输入以下命令启动开发服务器： ``` npm run serve ``` 运行成功后，在浏览器中输入 `http://localhost:8080` 即可查看你的Vue项目。 以上就是在VS Code中创建Vue项目的步骤，希望对你有所帮助！

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值