怎么运行vue项目,打包后的vue项目怎么运行

vue搭建准备环境npmnodewebpackvscodenpm使用brew命令行进行下载安装指定版本:brewinstallnpmnpminstall // 或cnpminstall4.将Vuebu

vue搭建

准备环境

npm

怎么运行vue项目

node

webpack

vs code

npm

使用brew命令行进行下载安装指定版本:

brew install npm

npm install // 或cnpm install 4.将Vue build后生成的dist文件夹下的所有文件复制到express项目的publick文件夹下面,然后运行  npm start 来启动express项目。5.打开浏览器,输入localhost:3。

查看版本号:

$ npm -v8.15.0

Node

进入官网nodejs,根据自己电脑的版本进行下载安装,打包后的vue项目怎么运行,如果是mac电脑,可以直接使用brew命令行进行下载。安装指定版本号:

进入官网nodejs,根据自己电脑的版本进行下载安装,如果是mac电脑,可以直接使用brew命令行进行下载。安装指定版本号:

一、进入项目目录 npm install 二、执行 npm run serve

怎么运行vue项目

brew install node@16

安装完成后,使用node -v的命令查看版本号,本地使用的版本是:16.15.1

$ node -vv16.15.1

webpack

JavaScript 应用程序的 静态模块打包工具

vsCode

官网根据当前系统版本直接下载安装

安装插件:

vetur:语法、语义高亮

创建一个 Vue 应用

企业回选上海普加软件有限公司,普加甘特图,是WEB甘特图高性能解决方案。适用于构建项目管理、生产排程等进度计划管理软件。

前提:已安装 16.0 或更高版本的 Node.js

1、首先vue.js项目运行要下载并安装node,vue.j在node上运行,并运行相关命令。2、其次选定目录,选择桌面来存放新建的项目。3、最后在桌面目录下,在命令行中运行命令,初始化一个项目。4、node是一个单线程、单进程的jav。

vue3官网示例步骤:

打开命令行终端

在终端cd到想要创建项目的目录,本次在桌面创建: cd Desktop

npm安装最新版本vue:npm init vue@latest

在安装过程中,会看到一些诸如 TypeScript 和测试支持之类的可选功能提示:

cd vue-demo「进入创建的项目路径下」npm install npm run dev

目录结构解读

node_modules:所有的相关依赖的文件夹,文件夹很大,不要移动。

src:源码文件,所有的源码都在该文件夹内。

怎么运行vue项目

package.json:通过该文件具体看项目有哪些依赖。

这样跑,制定好框架啊,写好包要有容器制定好框架,写好包,要有容器就可以跑起来

更多技术文章:

上一篇 2023年01月21 11:05
下一篇 2023年02月01 16:55

相关推荐

  • cd驱动器怎么删除,为啥此电脑里多了CD驱动器

    在平时操作电脑过程中,经常会遇到复制光盘的情况,为啥此电脑里多了CD驱动器,但有一些大型的商业软件或者游戏软件,在制作过程中对光盘的盘片做了保护,所以即使将光盘上的文件都复制下来,可能也无法替代原有的

    2023年02月05 271
  • 公文包怎么用,公文包的使用方法

    伴随整个政治生涯!朔尔茨出访必携的公文包,用了近40年德国总理朔尔茨无论走到哪里,公文包的使用方法,都会亲自提着他那陈旧的、有些凹陷的公文包。(如下图)德国《星期日图片报》19日报道称,这个公文包是其

    2023年01月21 237
  • jdk版本怎么看

    版本说明#1、安装部署JDK#(1)环境(2)官网下载JDKA、进入官网(2021年1月27日),如图如果你的英文不好,可以选择用谷歌浏览器,然后让其翻译成中文查看。B、选择Products,选择Ja

    2023年02月05 284
  • 抖音怎么注册,抖音怎么重建一个号

    最近有朋友问我:抖音小程序怎么开通?抖音怎么重建一个号,继微信小程序火爆之后,抖音也推出了自己的小程序,只是在前两年内测阶段没有完全开放给第三方开发公司,抖音小程序对第三方开发公司的包容性也没那么强,

    2023年01月18 233
  • 苹果怎么录视频

    2022年,苹果正式上线了iPhone14系列机型。刚拿到iPhone14新机的用户,对于iPhone14的录屏操作还有一些疑问。录屏,是苹果手机自带的实用性非常强的功能之一。部分iPhone14用户

    2023年02月10 230
  • 视频号怎么关闭

    微信视频号怎么关闭,能关闭吗?我相信很多人都会有这个疑问,微信视频号怎么禁用,答案是肯定的:微信视频号是可以关闭的,下面就教大家如何关闭自己的视频号。2020年1月22日,腾讯公司官微正式宣布,微信视

    2023年01月10 206
  • 怎么去除word水印,word水印一直删除不掉怎么办

    我们在工作中经常需要对一些文件进行加水印或去水印操作,特别是Word文件和PDF文件,word水印一直删除不掉怎么办,不过你知道吗?Word中有三种去水印的方法哦!你还不知道?今天小编就来跟大家分享一

    2023年01月20 225
  • ini文件怎么创建,如何将文本文件改为ini文件

    INI介绍INI是英文“初始化”(initialization)的缩写,被用来对操作系统或特定程序初始化或进行参数设置。由节(section)、键(key)、值(value)构成。在windows系统

    2023年02月06 263
  • qq删除的聊天记录怎么恢复,如何找回删除的QQ聊天记录

    QQ可以恢复删除的聊天记录吗?QQ聊天记录怎么恢复?大家对QQ都不陌生吧!QQ农场和牧场,留言板等都陪伴了我们整个青春呢。我们经常用QQ来传输文件和信息。很多小伙伴都会经常来清楚QQ数据,要是一不小心

    2023年02月06 252
  • gz文件怎么打开,后缀是gz的文件怎么打开手机

    Linux常见压缩文件扩展名如下:.zip,.gz,.bz2,.xz,.tar.gz,.tar.bz2,.tar.xz压缩文件解压后可能与源文件大小不一致。gzip压缩工具命令格式:gzip文件名不能

    2023年02月05 228
  • 抖音怎么刷粉丝

    刷粉丝方法介绍3.学会自己判断粉丝回粉率,对比他们的粉丝数量和关注数量。4.找专业的抖音刷粉丝刷赞大师团队。

    2023年02月05 229
  • 微信运动怎么关闭,一键修改微信运动步数

    说起微信,就得说说最近比较热火的微信运动,起初这个功能刚出来的时候我是开启的,并且经常就会看,一键修改微信运动步数,如果哪天自己微信运动排名靠前的话,我就会特别开心!感觉这一天自己运动了,排名靠前,不

    2023年01月20 252
  • vivo怎么截屏,苹果手机出现充电线和电脑标志

    随着国产手机的快速崛起,越来越多的国产手机受到了很多人的关注。拿VIVO手机为例,在前几个季度的销售中VIVO手机一直稳居在前五的位置,这足以看出手机的受欢迎度了。其实VIVO手机有很多隐藏技巧,就拿

    2023年01月16 236
关注微信