Visual Studio Code启动项目

最新推荐文章于 2024-07-14 15:18:32 发布
最新推荐文章于 2024-07-14 15:18:32 发布
阅读量2.7w 收藏 5
点赞数 1
分类专栏： ————AngularJS 【NodeJs】 文章标签： visual studio
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/nangeali/article/details/72844354
版权

安装调试器。

常用的有Debugger for Firefox和Debugger for Chrome
直接搜索安装即可

这里写图片描述

打开项目，此时，是没有而配置浏览器的。

这里写图片描述

选择添加配置，根据提示添加即可。
添加完成之后，会自动的生成一个关于浏览器的配置文件launch.json。

这里写图片描述

在配置文件中，将端口改为4200，ng serve默认的启动端口为4200。
通过ng serve启动服务之后，就可以直接点击运行项目了。

这里写图片描述

切换浏览器，直接把配置文件launch.json删除，重新配置即可

量变决定质变
关注
专栏目录
vscode环境搭建及项目启动
08-27
vscode环境搭建及项目启动
完全卸载Visual Studiocode的工具
08-18
在IT行业中，Visual Studio Code（简称VS Code）是一款广受欢迎的源代码编辑器，由微软开发并维护。它支持多种编程语言，具有丰富的扩展插件系统，为开发者提供了高效的编码环境。然而，当用户不再需要VS Code或者...
VSCode导入Vue项目入门部署与启动
m0_54230514的博客
03-04 8219
PS：没有node.js的需要下载，官网提供的版本过高，下载安装后容易出现一些问题导致不能运行，建议下载与项目适配的版本，node.js历史版本可参考以下博客。后者需要将npm下载镜像，使用淘宝镜像- 命令就改为了cnpm，会加快项目的启动速度。@后的数字可以更改为想要的版本 若不加上@6 就默认下载最新版本的镜像cnpm。设置全局模块的安装路径到 “node_global” 文件夹，配置npm的全局模块的存放路径 以及 cache缓存的路径。与idea导入项目一致，选择前端项目的文件夹进行导入。
VS code运行vue项目
各类程序设计成品、文档、学习资料
10-25 2万+
请注意，以上步骤假设您的Vue项目已经配置好了相应的构建脚本（如package.json中的"scripts"字段）。命令时出现"无法将'npm'项识别为cmdlet、函数、脚本文件或可运行程序的名称"的错误消息，这可能是因为您的计算机上没有正确安装Node.js和npm，或者系统环境变量配置不正确。2.在VS Code的侧边栏中，选择您的Vue项目文件夹，或者使用菜单中的“文件”->“打开文件夹”选项来打开项目文件夹。3.打开终端（菜单中的“视图”->“终端”），确保终端位于您的Vue项目文件夹下。
vscode运行vue项目
代上老码的专栏
04-08 5435
通过以上步骤，你应该能够在VSCode中成功运行和开发Vue项目。记得利用VSCode的扩展市场来安装一些有用的扩展，比如Vetur或Volar，它们可以提供语法高亮、代码片段、格式化和Linting等功能，以提高你的开发效率。： 在VSCode中，打开项目根目录后，你会看到一个提示，要求你安装项目依赖。： 使用VSCode打开你的Vue项目。你可以通过VSCode的“文件”菜单选择“打开文件夹...”，然后导航到你的Vue项目目录。默认情况下，你的Vue应用将在。，你应该能够看到你的Vue项目正在运行。
macOS - code . 使用 vscode 打开工程文件夹
AI + 工程
05-13 931
这个在安装 vscode 之后，需要额外设置，方法如下。空气炸锅 实现了 自动炒菜机的功能，可以定时烹饪 👍🏻。即可使用 vscode 打开当前文件夹项目。我们也可以看看 code 命令还支持什么。2、输入shell command。伊织 2024-05-09（四）在一些教程中看到 在终端输入。点击之后，会弹窗提示。
简单上手入门级创建vue项目，vscode打开vue项目，vue使用element-ui组件
weixin_48128217的博客
03-25 2197
如果运行有报错则将 packeage.json下的 "@vue/cli-plugin-eslint": "~5.0.0",删除。等待完成后再次进入创建好的文件vue01，输入npm run serve开始运行。然后cd到vue01目录下npm run serve运行。然后打开 http://localhost:8080/在D盘创建文件vs，在vs下创建vuedemo。输入以上命令进入到vuedemo创建vue01。点击文件，选择打开文件夹，打开刚刚创建的项目。快捷键ctrl+c终止批处理操作。
visual studio code 启动项目
07-10
如果你想通过VS Code启动一个项目，通常需要按照以下步骤操作： 1. **打开VS Code**：双击应用程序图标，或者从文件夹中找到你想启动的项目目录并右键选择"打开with Visual Studio Code"。 2. **设置工作区...
visual studio code启动项目
03-16
要启动Visual Studio Code项目，请按照以下步骤操作： 1. 打开Visual Studio Code软件。 2. 在左侧导航栏中选择“文件”。 3. 选择“打开文件夹”或“打开工作区”，并选择您的项目文件夹。 4. 在Visual Studio ...
visual studio code 编译运行html css js文件的教程
08-19
Visual Studio Code（VS Code）是一款由微软开发的免费、开源的源代码编辑器，支持多种编程语言，包括HTML、CSS和JavaScript。对于前端开发者来说，它是一个强大的工具，能够帮助编写、调试和运行这些文件。以下是...
Visual Studio Code安装和配置的教程
08-19
安装完成后，第一次启动Visual Studio Code将推荐一些常用的插件，我们可以选择需要的插件进行安装。 二、插件配置 插件配置是Visual Studio Code的核心功能之一。我们可以在插件市场中搜索和安装需要的插件，例如...
VScode软件使用之鼠标右键直接打开工程文件夹
LinQiPing233的博客
10-18 3551
如果发现右键没有这个 暂时没有很好的方法去设置，最好可以重装的时候选择使能该功能了，网上有些人使用修改注册表的方式，试了一下，不靠谱
【新手如何用vsCode运行vue项目】
最新发布
weixin_47370955的博客
07-14 1190
适合新手从零开始用vscode跑一个vue项目
Visual Studio Code 直接启动项目
热门推荐
阿杰
03-28 2万+
安装插件 一般用的谷歌，直接搜索Debugger for Chrome 添加配置 按提示，添加如下配置 多了一个vs.code文件夹，点击launch.json,修改端口号为4200 在控制台中输入ng serve，回车 就可以直接启动项目了（F5或者如下按钮） 更换浏览器删除配置文件重新添加 ...
VSCode打开 C(嵌入式) 工程的一些记录
weixin_42040046的博客
08-07 1489
快速使用VSCode阅读编辑嵌入式C代码，快速配置c_cpp_properties.json
VScode配置C环境和导入keil工程
studyingdda的博客
08-05 1万+
VScode配置C环境，导入keil工程！
【AC63】使用vs code编译工程
jiangfengfeng222的博客
02-17 1298
经过以上的步骤，你就能开心快乐的使用vs code进行编辑、编译和烧录了，简直不要太爽，再也不用在两个软件之间切来切去了。最后，CodeBlocks使用起来很是蛋疼，希望官方以后出个vscode插件好了。
【VsCode】VsCode实现右击文件夹打开整个项目的解决方法（超实用）
【敦厚的曹操】的专栏
08-17 3931
vscode
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值