vue安装与项目启动

最新推荐文章于 2025-01-17 21:52:45 发布
原创 最新推荐文章于 2025-01-17 21:52:45 发布 · 139 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#vue.js #javascript #前端

文章详细介绍了如何重新安装和启动Vue项目。首先删除node_modules和package-lock.json，然后清除npm缓存，接着重新安装依赖。通过npmrunbuild进行打包，尝试使用npmrundev或npmrunserve启动项目，注意不同Vue版本可能需使用不同命令。尽管项目跑起来，但serve.js未运行。

vue安装

https://blog.youkuaiyun.com/essity/article/details/103140494?spm=1001.2014.3001.5501

vue项目启动

step1：删除 node_modules 文件夹 以及 package-lock.json
在这里插入图片描述

step2：在项目文件夹打开 cmd

step3: npm cache clean -f 清楚缓存

step4:npm install 重新安装依赖

step5:npm run build 打包

step6：npm run dev/npm run serve vue版本 不同 选择不同，两个都试试。

版本 不同 选择不同，两个都试试。

用npm run serve 项目跑起来了，但是serve.js 没有运行

eden0218
关注
快速部署vue项目
iku_n的博客
10-07 1799
快速部署vite的vue3+ts项目
Django+Vue项目启动流程
m0_62548468的博客
10-16 611
django-vue3-admin 是一套全部开源的快速开发平台， django-vue3-admin 基于RBAC模型的权限控制的一整套基础开发平台，权限粒度达到列级别，前后端分离，后端采用django + django-rest-framework，前端采用基于 vue3 + CompositionAPI + typescript + vite + element plus
使用 npm 启动vue项目
dd2016124的博客
09-23 1万+
在cmd中找到vue项目存放的路径，例如我是在E盘根目录下创建了一个名为vue01的项目，首先在cmd中输入 "E:" ，然后按回车，然后输入 "cd vue01" ，按回车，然后输入 "npm run dev" ，按回车，然后发现npm就启动成功了。 然后输入 "http://localhost:8080"，按回车，就可以看到默认的界面了，这个界面的源文件是"vue01\src\components" 目录下的 "HelloWorld.vue" 这个文件，页面内容自己可以手动修改。 （拓展...
pnpm快速创建 Vue.js 项目(npm类似)
夏日漱石的博客
08-31 3061
pnpm快速创建 Vue.js 项目(npm类似)
启动npm项目
怪只怪满眼尽是人间烟火
04-27 5570
首先编译：npm install 然后运行：npm run serve 或者npm run dev （看版本 vue3.0以前用npm run serve，vue3.0以后用npm run dev） 最后打包：npm run build ================= npm（Node Package Manager）意思是 node 的包管理器，它是随着 N...
上班遇到的坑：启动前端 vue 项目
ZZDT099的博客
08-17 386
启动前端vue项目
vue项目的启动、idea启动vue项目、idea运行vue项目、以及vue项目页面跳转逻辑、跳转vue项目页面逻辑.doc
08-29
### Vue项目的启动与IDEA配置 #### 一、Vue项目的启动 启动Vue项目通常涉及到几个步骤，首先是确保本地环境已安装必要的工具，如Node.js，接着是通过命令行或者集成开发环境（IDE）来启动项目。 1. **安装Node.js*...
Vue修改项目启动端口号方法
01-19
在项目的package.json中可以找到如下代码 start属性指定的文件就是通过开发模式启动的服务文件 scripts: { dev: node build/dev-server.js, start: node build/dev-server.js, build: node build/build.js, ...
搭建vue环境并启动项目.pdf
02-16
接下来，安装Vue CLI（脚手架工具），它是快速创建Vue项目的基石。在CMD中运行`cnpm install --global vue-cli`，安装完成后，输入`vue`应该能看到Vue的相关信息，表示Vue CLI已成功安装。 创建新项目时，为了避免...
vue3空项目包，自己使用
05-29
这个"vue3空项目包"是为你个人使用而准备的基础Vue3项目模板，你可以在此基础上添加自己的功能和业务逻辑，以快速启动一个新的Vue3项目。 Vue3 的主要改进包括： 1. **Composition API**：Vue3 引入了Composition ...
Vue3-pnpm包管理器创建项目
weixin_46479909的博客
11-27 1345
创建项目时，不要往磁盘根目录去创建项目，最好是创建一个新文件夹，往新文件夹中创建项目，不然容易爆权限不够的错误。在新文件下点击左上角的文件，点击以管理员身份打开Windows PowerShell。npm升级到yarn再升级到pnpm（速度更快）安装方式：npm install -g pnpm。启动项目(vscode代码终端中先装包，再启动)一些优势：比同类工具快2倍左右、节省磁盘空间。创建项目：pnpm create vue。
使用pm2启动Vue项目
热门推荐
简单-生活
12-12 1万+
安装pm2$ npm install -g pm2 命令行全局安装pm2将pm2加入到命令中去ln -s /usr/local/src/node-v8.9.1-linux-x64/bin/pm2 /usr/local/bin/pm2 ln -s /usr/local/src/node-v8.9.1-linux-x64/bin/pm2-dev /usr/local/bin/pm2-dev ln -
pnpm + vue3.0 + vite + pinia + vueuse 搭建前端项目
发果叁
06-08 5556
使用 npm 安装 注意：node 的版本号。安装 pnpm，node 的版本号不能小于 V14.19.0查看 nvm 现在使用的 node 版本号。 使用 nvm 安装 node 14.19.0 版本 ，安装完毕之后切换到此版本中，最好关闭之后再切。 输入项目名 选择一个框架 使用 typescript 5.启动项目 集成配置 为保证 node 的使用 修改 3.代码质量风格的统一 集成 eslint 安装 创建配置文件： 创建忽略文件： 命令行式运行
前端VUE项目启动方式
juanmiao的专栏
11-22 558
将VUE项目的前端项目运行起来，整个过程非常简单，预计5分钟就可以完成，取决于大家的网速。也可以将npm run dev 命令替换成npm run front 命令。项目运行先安装Node.js。
如何开启第一个vue项目
a145876的博客
12-12 4090
通过仔细阅读错误信息、检查网络连接、使用国内镜像源、更新setuptools和wheel、检查模块依赖以及手动下载和安装等方法，通常可以解决大部分问题。请注意，这只是一些常见的解决方案，并不能涵盖所有可能遇到的问题。在提问时，尽量提供详细的错误信息和已尝试的解决方法，以便他人更快地帮助你解决问题。由于默认的pip源是国外的Python官网，国内用户在使用时可能会遇到下载速度慢或连接不稳定的问题。如果以上方法都无法解决问题，可以尝试手动下载模块的源代码或安装包，并按照官方文档或安装指南进行手动安装。
从零开始启动一个Vue项目
weixin_73735141的博客
01-17 8565
也可以在别的软件中打开，效果同上，都是打开终端使用npm run serve命令启动vue。如果项目是前后端分离的话，则是在前端文件目录下使用此命令，而不是在项目文件目录下使用此命令。使用npm run serve，比如这里的话是在vue-project目录下使用此命令。在浏览器输入下面链接即可打开vue的初始界面。上面两条命令都可以查看脚手架版本。③ 对创建的项目进行相关配置。1、进入管理员模式的命令行。① 首先进入创建项目页面。⑥ 查看创建好的项目文件。② 点击在此创建新项目。⑤ 等待项目创建完成。
vue启动命令
m0_74295055的博客
06-07 397
【代码】vue启动命令。
npm start启动的是什么
ThinPikachu的博客
10-26 4823
具体来说，当在项目目录下执行 npm start 命令时，npm 将会在该项目的根目录下查找 package.json 文件，并查找其中的 "scripts" 对象中是否包含了名为 "start" 的属性。开发者可以在 package.json 文件中定义自己的脚本命令，例如 "dev"、"test" 等等，以实现不同的功能。npm start 命令是在一个 Node.js 项目中执行的一个自定义命令，用于启动该项目。在大多数情况下，"start" 属性的值是一个用于启动应用程序的命令。
前端之vue 配置前端项目npm一键启动，前端项目批量启动
baidu_33164415的博客
12-18 3525
前端之vue 配置前端项目npm一键启动，前端项目批量启动
vue项目创建与启动vscode
最新发布
06-02
此外，为了提升开发体验，建议在 VSCode 中安装与 Vue 相关的扩展，例如 **Vue Language Features (Volar)** 或 **Vue 3 Language Features (Volar)**，这些扩展能够提供更智能的代码补全和语法高亮功能[^1]。...
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值