首页 > 其他分享 >vue前端项目启动

vue前端项目启动

时间:2023-07-18 10:57:38浏览次数:31  
标签:npm vue run 项目 前端 启动 文档 env

我们拉取了一个前端项目后,如果项目中有说明的文档,可以参照文档的步骤启动项目,如果

项目中没有说明文档,那我们可以按照以下的步骤启动项目

1、首先是安装依赖包

npm install

 

2、启动项目

npm run dev

这里的npm run 环境名称,这里的环境名称主要取决于项目中的package.json文件中,scripts中的参数名字

如下:这个文档中,测试环境的运行名字为dev,所以启动项目使用npm run dev

 

 另一个项目的package.json文件如下:这个项目启动,就是npm run serve

 

 

 

 

 

.env , .env.development, .env.production文件说明

参考文献:https://blog.csdn.net/qq_37833745/article/details/118700017

 

标签:npm,vue,run,项目,前端,启动,文档,env
From: https://www.cnblogs.com/comeoncode/p/16175845.html

相关文章

  • vue学习——分析脚手架
        ......
  • npm安装教程 搭建vue
    一、相关概念npm:Nodejs下的包管理器。webpack:它主要的用途是通过CommonJS的语法把所有浏览器端需要发布的静态资源做相应的准备,比如资源的合并和打包。vue-cli:用户生成Vue工程模板。(帮你快速开始一个vue的项目,也就是给你一套vue的结构,包含基础的依赖库,只需要npminstall......
  • 介绍社交论坛问答发帖系统源码-java+vue+uniapp开发前后端
    前后端分离社交论坛问答发帖BBS源码,社交论坛小程序|H5论坛|,app论坛是java+vue+uniapp开发的前后端分离社交论坛问答发帖/BBS项目,包括论坛图文帖,视频,圈子,IM私聊,微信支付,付费贴,积分签到,钱包充值等论坛小程序论坛app完整功能演示地址:www.runruncode.com/java/19462.html ......
  • OCS无法启动,api-ms-win-crt-runtime-l1-1-0.dll丢失
    简介:win7sp1vl版,安装ocsagent2.10后无法打开,提示api-ms-win-crt-runtime-l1-1-0.dll丢失一:VC经查是VC2015没有安装。二:下载DownloadVisualC++RedistributableforVisualStudio2015fromOfficialMicrosoftDownloadCenter根据系统版本装一下,重启即可解决问题。......
  • 前端Vue仿微信我的菜单栏组件按钮组件
    随着技术的发展,开发的复杂度也越来越高,传统开发方式将一个系统做成了整块应用,经常出现的情况就是一个小小的改动或者一个小功能的增加可能会引起整体逻辑的修改,造成牵一发而动全身。通过组件化开发,可以有效实现单独开发,单独维护,而且他们之间可以随意的进行组合。大大提升开发效率......
  • 如何重置/重新启动PCIe设备
    其中DDDD.BB.DD.F= Domain:Bus:Device.Function方法一:1.首先移除pcie设备echo1>/sys/bus/pci/devices/AAAA:BB:CC.D/remove其中AAAA:BB:CC.D为bus-info,意思分别为Domain:Bus:Device.Function2.重新添加pcie设备echo1>/sys/bus/pci/rescan方法二:直接reset对应的pci......
  • vue--day27---vue生命周期1
              beforeCreate:数据监测、数据代理创建之前在实例初始化之后,数据监测、数据代理创建之前被调用,此时无法通过VM访问data中的数据、methods中的方法。created:数据监测、数据代理创建之后实例已经创建完成之后被调用,在这一步,实例已完成以下配......
  • 在树莓派启动分区创建配置文件,使其加入无线网络
    在树莓派的启动分区创建一个名为“wpa_supplicant.conf”配置文件,在文件中输入以下内容:country=CNctrl_interface=DIR=/var/run/wpa_supplicantGROUP=netdevupdate_config=1network={ssid="xxx"psk="xxx"priority=5}ssid:指定要连接的无线网络psk:网络......
  • 浅析vue3中如何使用动态组件、如何快速理解Vue3的 toRaw和markRaw、ref与shallowRef、
    一、Vue3中使用component:is加载动态组件1、不使用setup语法糖,这种方式和vue2差不多,is可以是个字符串2、使用setup语法糖,这时候的is如果使用字符串就会加载不出来,得使用组件实例<componentclass="task-box":is="componentObj[route.params.type]":info="taskInfo"></co......
  • React、Vue框架如何实现组件更新,原理是什么?
    原文合集地址如下,有需要的朋友可以关注本文地址合集地址引言React和Vue都是当今最流行的前端框架,它们都实现了组件化开发模式。为了优化性能,两者都采用了虚拟DOM技术。当组件状态发生改变时,它们会使用虚拟DOM进行局部渲染比对,只更新必要的DOM节点,从而避免重新渲染整个......