单独运行Vue文件

悠悠 2023-07-25 08:47 21阅读 0赞

原文章：[https://blog.csdn.net/Ace\_zhl/article/details/94594740][https_blog.csdn.net_Ace_zhl_article_details_94594740]

场景：想单独运行某个Vue文件，不依赖src,类似运行单独的HTML文件

1.创建demo,如果没有初始化需要npm init 创建package.json 文件用于安装依赖。

2.需要安装vue serve 运行命令 npm install -g @vue/cli-service-global

3.安装完成之后cd到需要单独运行的Vue目录下，执行 vue serve （需要注意的是vue 文件需要被文件夹包裹，如index/index.vue,  cd 切换到index 目录下，执行命令 vue serve 直接打开就行）

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3d3ZjEyMjU_size_16_color_FFFFFF_t_70][]

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3d3ZjEyMjU_size_16_color_FFFFFF_t_70 1][]

[https_blog.csdn.net_Ace_zhl_article_details_94594740]: https://blog.csdn.net/Ace_zhl/article/details/94594740
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3d3ZjEyMjU_size_16_color_FFFFFF_t_70]: /images/20230528/96948e2424db48f48deddc00419a712d.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3d3ZjEyMjU_size_16_color_FFFFFF_t_70 1]: /images/20230528/ac2f2f7f72614f409281b5a04729b957.png

发表评论取消回复

表情：

评论列表（有 0 条评论，21人围观）

还没有评论，来说两句吧...

相关阅读

相关 springboot配置单独的参数文件

一、介绍是不是经常用`@Value`注解？用过`springboot`的都知道它是从`application.properties`文件中引入某个变量的值，是不是已

朴灿烈づ我的快乐病毒、/ 2023年10月18日 22:29/ 0 赞/ 77 阅读

相关 springboot配置单独的参数文件

一、介绍是不是经常用`@Value`注解？用过`springboot`的都知道它是从`application.properties`文件中引入某个变量的值，是不是已经灰

素颜马尾好姑娘i/ 2023年10月02日 16:50/ 0 赞/ 43 阅读

相关单独运行Vue文件

原文章：[https://blog.csdn.net/Ace\_zhl/article/details/94594740][https_blog.csdn.net_Ace_zh

悠悠/ 2023年07月25日 08:47/ 0 赞/ 22 阅读

相关 nginx 配置单独业务模块文件

主文件配置：[https://www.cnblogs.com/yjlch1016/p/9313463.html][https_www.cnblogs.com_yjlch1016

柔情只为你懂/ 2023年07月20日 05:43/ 0 赞/ 61 阅读

相关 idea-单独运行main类

【转载：[idea-单独运行main类][idea-_main]】由于在项目中有很多情况下需要单独运行一个类，做一个测试使用，但是idea可能会加载很多其他用不到的Clas

约定不等于承诺〃/ 2023年07月02日 15:27/ 0 赞/ 49 阅读

相关 webpack 提取css成单独文件

webpack 提取css成单独文件 // 用来拼接绝对路径的方法 const { resolve} = require('path')

墨蓝/ 2023年01月10日 05:29/ 0 赞/ 159 阅读

相关 vue 把路由单独分离出来

建立一个 router.js 文件引入 import Vue from 'vue' import VueRouter from 'vue-ro

蔚落/ 2022年05月27日 13:36/ 0 赞/ 200 阅读

相关在vue cli 3中单独运行.vue文件

首先安装 npm install -g @vue/cli-service-global 然后执行命令（HelloWorld是vue文件名） npm ser

亦凉/ 2022年02月13日 09:11/ 0 赞/ 358 阅读

相关 idea 单独编译运行Vue代码

1 安装node.js [https://www.cnblogs.com/zhouyu2017/p/6485265.html][https_www.cnblogs.com_

墨蓝/ 2022年01月30日 00:49/ 0 赞/ 492 阅读

相关 Flutter Window环境运行（VSCode + 单独运行Android 虚拟机）

官网以及很多网上文章的开发都是基于Android ，因为它能创建不同类型移动设备虚拟机。但个人始终觉得它太庞大，启动慢耗资源，但我们使用Flutter又离不开虚拟机。经过实践

深碍√TFBOYSˉ_/ 2021年11月09日 07:38/ 0 赞/ 497 阅读