程序员经验分享-hwhale

VScode启动Vue项目

2023-05-16

VScode启动Vue项目

1、使用VScode打开文件夹

2、找到运行按钮

3、判断有没有默认的配置文件存在

4、若文件夹存在就检查配置文件是否存在

（1）打开launch.json，把如下代码粘贴到里面的"configurations": []列表中

{
    "version": "0.2.0",
    "configurations": [
        {
            "type": "node",      
            "request": "launch",
            "name": "Launch Program",
            // "console": "none",                 // 只输出到“调试控制台”      
            // "console": "externalTerminal",     // 外部终端调试器
            "console": "integratedTerminal",      // 内部终端调试器，同时输出到“调试控制台”和内置“终端”
            // "console": "internalConsole",      // 新版本VScode的选项，仅出输出到“调试控制台”
            "skipFiles": [
              "<node_internals>/**"
            ],
            "program": "${workspaceFolder}/node_modules/webpack-dev-server/bin/webpack-dev-server.js",
            "args": [
              "--inline",
              "--progress",
              "--config",
              "build/webpack.dev.conf.js"
            ]
        },
        {
            "name": "Launch Chrome",
            "request": "launch",
            "type": "pwa-chrome",
            "url": "http://localhost:8080",
            "webRoot": "${workspaceFolder}"
        },
    ]
}

（2）运行项目

（3）停止/关闭项目

5、若文件夹不存在

（1）点击创建launch.json文件

（2）创建时会自动生成.vscode文件夹和launch.json文件

（3）打开launch.json，把如下代码粘贴到里面的"configurations": []列表中

{
    "version": "0.2.0",
    "configurations": [
        {
            "type": "node",      
            "request": "launch",
            "name": "Launch Program",
            // "console": "none",                 // 只输出到“调试控制台”      
            // "console": "externalTerminal",     // 外部终端调试器
            "console": "integratedTerminal",      // 内部终端调试器，同时输出到“调试控制台”和内置“终端”
            // "console": "internalConsole",      // 新版本VScode的选项，仅出输出到“调试控制台”
            "skipFiles": [
              "<node_internals>/**"
            ],
            "program": "${workspaceFolder}/node_modules/webpack-dev-server/bin/webpack-dev-server.js",
            "args": [
              "--inline",
              "--progress",
              "--config",
              "build/webpack.dev.conf.js"
            ]
        },
        {
            "name": "Launch Chrome",
            "request": "launch",
            "type": "pwa-chrome",
            "url": "http://localhost:8080",
            "webRoot": "${workspaceFolder}"
        },
    ]
}

（4）运行项目

（5）停止/关闭项目

本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)

VSCode

vue

VScode启动Vue项目 的相关文章

随机推荐

  • Gradio入门到进阶全网最详细教程[二]：快速搭建AI算法可视化部署演示(侧重参数详解和案例实践)

    常用的两款AI可视化交互应用比较 xff1a Gradio Gradio的优势在于易用性 xff0c 代码结构相比Streamlit简单 xff0c 只需简单定义输入和输出接口即可快速构建简单的交互页面 xff0c 更轻松部署模型 适合场景

  • 4.AI人工智能大模型汇总：类GPT系列模型、模型中转站Auto-GPT、多模态大模型、视觉模型、自然语言模型

    AI人工智能大模型汇总 类GPT系列模型 模型中转站Auto GPT 多模态大模型 视觉模型 自然语言模型 模型名称 发布方 类型 开源类型 原始模型框架 paddle版本 模型能力 模型语言 模型参数 简介 模型链接 体验链接 paddl

  • Prompt learning 教学[技巧篇]：通过增加示例、引导词、特殊符号指令等方式让chatgpt输出更好的答案

    Prompt learning 教学 技巧篇 xff1a 通过增加示例 引导词 特殊符号指令等方式让chatgpt输出更好的答案 技巧1 xff1a To Do and Not To Do 在问答场景里 xff0c 为了让 AI 回答更加准

  • Prompt learning 教学[案例篇]：文生文案例设定汇总，你可以扮演任意角色进行专业分析

    Prompt learning 教学 案例篇 xff1a 文生文案例设定汇总 xff0c 你可以扮演任意角色进行专业分析 1 角色扮演 行为Prompt写法 牙医 我想让你扮演一名牙医 我会向你提供有关寻找牙科服务 xff08 例如 X 光

  • win10系统vs2017+1060配置CUDA安装tensorflow-gpu

    笔者最开始安装的是推荐的cuda10后来虽然vs实例能成功运行 xff0c 但是tf的import还是报错 xff0c 后来安装的9 2 xff0c 运行无误 xff0c 各下载链接在文后可自行查看 检查显卡驱动是否为最新版本 非常重要 安

  • python3-端口扫描(TCP connect扫描,SYN扫描,FIN扫描)

    利用python3进行端口扫描 xff0c TCP的方式有connect扫描 xff0c SYN扫描 xff0c FIN扫描 xff0c NULL扫描 xff0c ACK扫描 xff0c Xmas xff0c windows扫描 本次展示前

  • CSDN 编写数学公式参考文档

    CSDN markdown 编辑器使用的是 katex 来完成对 TeX 公式的解析 公式得紧挨两个 符内部 xff0c 而且第一个 后面不能有空格 xff0c 第二个 前面不能有空格 想要换行居中的话 xff0c 得使用两次 来将公式框起

  • 1、AI系统简介及AI系统的分类

    AI系统简介 AI这个缩写在越来越多的出现在公众面前 但是AI到底是什么就和AI这个词一样 大部分都能举一些例子 但是都却很难说清楚AI到底是什么 AI是Artificial Intelligence的简称 中文叫做人工智能 但是要找到一个

  • 六关节机器人工具坐标系位姿计算函数

    span class token keyword void span span class token function clacToolPose span span class token punctuation span RcEuler

  • ORB-SLAM2项目数据集运行（一）

    作为一名学习一年的机器视觉的学生 xff0c 一直以来都没有写过像样点的自己的东西 xff0c 真的是不像话 xff0c 虽然有时候觉得会占用一些时间 xff0c 但是能很大程度上帮助自己理解 从github上可以下载到源码 xff1a h

  • string是否以‘\0’结尾

    今天刷题 xff0c 刷着刷着发现了一个问题 xff0c 我好想对string这个了解不是很深 xff0c 我之前是把它跟C语言中的char类型总是分不清 xff0c 所以今天题也不刷了 xff0c 试着了解它们俩到底有什么区别 在C语言中

  • Matlab中函数fopen、fread、fseek和fwrite的用法

    1 fopen 打开文件或获取关于打开文件的信息 xff0c 下面以使用最多的情况为例 xff1a fileID 61 fopen filename permission xff1a 打开文件 xff0c 成功时 xff0c 返回一个大于或

  • PCB设计-四层板变两层板

    四层板变成两层板原本思路是 xff1a 从原理图导出一份asc文件 xff0c 将原先四层板的PCB封装全部保存到一个库里面去 xff0c 然后在PADS里导入asc文件 xff0c 然后将原先的结构定位从原来的PCB板上复制过来 xff0

  • Pycharm导入Django项目

    Pycharm导入Django项目 添加项目 xff1a file gt open 找到项目所在的位置打开项目 添加django后台项目路径 file gt settings gt Languages amp Frameworks 找到Dj

  • Windows安装多个python解释器

    Windows安装多个python解释器 注 xff1a 此方法仅仅是针对安装多个需要配置环境变量的解释器 xff0c 意思是可以在cmd中可以使用并完美切换的 xff1b 针对一个环境变量的解释器无效 xff0c 只有一个环境变量的主解释

  • Go语言开发环境搭建

    一 Windows下安装 安装Go开发包 官网下载Go语言开发包 xff0c 安装方法就是next xff0c 除了安装位置选择 安装目录选定一个好记的 尽量不要放在C盘中 xff0c 除非你盘空间很大 xff0c 完全够用 此路径需要自己

  • Django Rest Framework的使用整理

    Django Rest Framework 一 Rest Framework的基本介绍 程序的客户端有很多 xff1a 硬件设备 xff0c 游戏 xff0c APP xff0c 软件 xff0c 其他的外部服务端 1 Web应用模式 在开

  • Linux部署Python项目

    项目部署 项目部署的操作通常是由运维人员来进行统一管理装配的 xff0c 但是对于一个开发人员来讲 xff0c 基础的项目部署还是要会的 这里我主要讲解python的项目是如何部署的 xff0c 至于项目哪里来的 xff0c 这就要看观众如

  • 2、机器学习简介及其分类

    简介 机器学习是指让机器从数据中自动学习规律和知识 并利用这些规律和知识进行预测或决策的技术 机器学习包括监督学习 无监督学习 强化学习 其中监督学习也被称作有监督的学习 有监督的意思就是预先知道据有什么样的目标 通过一些已经知道结果的数据

  • VScode启动Vue项目

    VScode启动Vue项目 1 使用VScode打开文件夹 2 找到运行按钮 3 判断有没有默认的配置文件存在 4 若文件夹存在就检查配置文件是否存在 xff08 1 xff09 打开launch json xff0c 把如下代码粘贴到里面

热门标签