前端学习之小技巧----快速通过vscode打开项目

最新推荐文章于 2024-07-14 15:18:32 发布
最新推荐文章于 2024-07-14 15:18:32 发布
阅读量9.1k 收藏 17
点赞数 6
分类专栏： 经验 vue内容 笔记 文章标签： 前端 vscode 学习
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/i96249264_bo/article/details/128071858
版权
经验 同时被 3 个专栏收录
18 篇文章 1 订阅
订阅专栏
vue内容
14 篇文章 0 订阅
订阅专栏
笔记
3 篇文章 0 订阅
订阅专栏

一、快速通过vscode打开一个项目。

1、首先进入到项目的根目录
比如，我这里的根目录是：‘D:\myData\vue\vue-admin’；如下图
在这里插入图片描述
2、在项目的根目录下的地址栏中输入cmd，并回车，就会弹出黑窗口。
如图：
在这里插入图片描述
3、在黑窗口中输入code . 然后回车，这时就会打开vscode，此时项目就被打开了。
入图：
在这里插入图片描述

红豆O(∩_∩)O
关注
  • 6
    点赞
  • 踩
  • 17
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
使用MacBook前端开发小技巧（HomeBrew）
01-09
对于前端开发者来说，这意味着可以快速安装和更新Git、Node.js（通过nvm管理）、Visual Studio Code（VSCode）、Firefox、Google Chrome、Docker等必不可少的开发工具，而无需逐个在网页上下载和安装。 首先，确保...
解决VSCode新开项目总是覆盖原有项目的情况
hanbing1307的博客
04-22 2869
如果遇到VSCode不能同时打开多个项目文件的情况，可以尝试用我下面的步骤解决
vscode怎么用命令行打开本地项目（code .）
Dontla的博客
01-15 1万+
①切换到项目所在文件夹②在当前文件夹打开控制台（如果不会可以看我之前的控制台设置博文）③控制台运行code .就能打开了20230816。
【新手如何用vsCode运行vue项目】
最新发布
weixin_47370955的博客
07-14 651
适合新手从零开始用vscode跑一个vue项目
【VsCode】VsCode实现右击文件夹打开整个项目的解决方法（超实用）
【敦厚的曹操】的专栏
08-17 3866
vscode
前端学习之一——关于第一次使用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一键启动运行项目教程
STATICHIT静砸的博客
02-14 1万+
启动vscode项目我们可以采用新建终端再输入命令行的方法，关闭终端即可关闭程序。选择完毕之后就会出现【run Script ： dev】选项。点击左边的绿色小三角形，就可以一键启动运行项目。所以我们可以点击 左边菜单中的【运行与调试】但每次都输入命令行显得非常麻烦。并可以点击工具栏进行关闭等操作。
vscode导入项目并启动
热门推荐
努力努力再努力
02-12 7万+
打开vscode 如果之前没有添加过项目 可以点添加项目 也可以直接拖拽进去都是可以的 之前如果添加过 可以亦可以直接拖进去 但是只要项目之间互不干扰就可以。导入依赖（cnpm需要安装：https://blog.csdn.net/qq_42094345/article/details/100978092）如果导入失败 要么是node安装失败 要么是脚手架没搞好 或者项目有问题 好好排查一下 先看环境有没有装好 再看看项目配置啥的有没有问题。二、选择项目目录右键打开cmd（在终端中打开）
VSCodex64-1.75 安装包
02-15
5. **智能代码补全**：通过IntelliSense，VSCode可以提供代码提示和自动补全，帮助开发者快速编写代码。 6. **源代码管理**：支持代码格式化、重构和比较，便于团队协作和代码维护。 7. **自定义配置**：用户可以...
让你能够在VSCode编辑器打一个真实的浏览器进行预览并调试
08-08
描述了如何利用Visual Studio Code (VSCode) 这款强大的代码编辑器，内置功能或通过扩展来实现在编辑器内部打开一个真实的浏览器实例，以便于实时预览和调试JavaScript项目。这个特性对于前端开发者来说极其便利，它...
broadcast-server
03-05
广播服务器前端资料放在/ public，备用服务器放在/ src里小技巧可以在vscode安装在浏览器中打开套件后，在html分页下alt + B通过打开浏览器了描述前端主要用recoderjs来收麦克风的声音，并通过websocket将声音后到...
前端小白必看！如何高效快速编写html+css代码？emmet语法、快速格式化代码！
01-20
在前端开发中，高效快速地编写HTML和CSS代码是提升开发效率的关键。本文将详细介绍如何利用...对于前端小白来说，这些技巧是快速成长的捷径，值得学习和掌握。在日常开发中不断实践，将能更好地提升编码体验和质量。
VS Code如何用命令启动项目
qq_40319476的博客
06-21 3668
VS Code如何用命令启动项目
使用VS Code运行前端代码
二哈喇子！
07-06 6613
使用VS Code运行HTML文件
VS code运行vue项目
各类程序设计成品、文档、学习资料
10-25 2万+
请注意，以上步骤假设您的Vue项目已经配置好了相应的构建脚本（如package.json中的"scripts"字段）。命令时出现"无法将'npm'项识别为cmdlet、函数、脚本文件或可运行程序的名称"的错误消息，这可能是因为您的计算机上没有正确安装Node.js和npm，或者系统环境变量配置不正确。2.在VS Code的侧边栏中，选择您的Vue项目文件夹，或者使用菜单中的“文件”->“打开文件夹”选项来打开项目文件夹。3.打开终端（菜单中的“视图”->“终端”），确保终端位于您的Vue项目文件夹下。
Visual Studio Code （VSCode）使用之普通Web项目启动
qq_41099935的博客
11-19 6452
由于当前接触到的一些老项目，未使用maven管理依赖；使用idea社区版无法实现热部署，在调整页面时超级不方便。基于总总原因，需要找寻一个方便且简洁的ide工具启动普通Web项目。此时，VSCode出现啦。本文主要是介绍启动项目的相关内容，插件的安装和设置不做赘述。ps：安装VSCode插件或启动maven管理依赖的项目可查看另一篇帖子。启动普通Web项目，相比启动Maven管理依赖的项目在设置上更繁琐一些（也可能是我没找到更好的方法）。一次设置，永久使用。
如何用右键菜单使用VSCode打开项目
qq_45565693的博客
02-13 1874
如何用右键菜单使用VSCode打开项目
Vs Code配置前端环境及运行
m0_61216015的博客
10-22 1万+
如果你想学习如何使用Markdown编辑器, 可以仔细阅读这篇文章，了解一下Markdown的基本语法知识。4.需要安装谷歌浏览器来进行运行代码并调试bug，谷歌浏览器中需要安装vue开发者工具，以便随时查看数据，DOM结构以及调试。3.需要安装git以便于下载代码到本地以及管理代码，企业管理代码时需要用到gitlab。2.安装node.js来使用npm，还需要安装淘宝镜像方便快速使用npm导入插件；安装下图的插件即可，我这里已经安装好了。里搜索Live Server，然后安装。，在搜索栏里搜索npm。
VSCode常用命令---记录自己的常用命令
Una_lover的博客
10-19 4321
收录nvm 、npm、vue、git等常用命令
怎么用vscode打开项目
07-28
- *1* [前端学习之小技巧----快速通过vscode打开项目](https://blog.csdn.net/i96249264_bo/article/details/128071858)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值