vue项目启动

最新推荐文章于 2024-06-09 16:20:20 发布
最新推荐文章于 2024-06-09 16:20:20 发布
阅读量148 收藏
点赞数
文章标签： vue node.js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_44181196/article/details/109270809
版权

1、若没有安装node.js，需要先安装
安装步骤和和配置环境变量请阅读https://jingyan.baidu.com/article/48b37f8dd141b41a646488bc.html
2、使用管理员打开cmd,并进入项目的根目录
3、在项目根目录执行：npm install -g cnpm --registry=https://registry.npm.taobao.org,切换模块下载镜像地址
使用taobao的镜像地址，下载模块快
4、项目根目录执行cnpm install，下载该项目依赖模块
5、启动服务：项目根目录执行npm run dev,会自动打开前端首页（后端项目要提前部署好）
若第二次启动时报错，或者第二次下载模块时报错，删除node_modeules文件夹在这里插入图片描述

轻描丶幸福的旋律
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
vue项目启动_highcharts_sockPath=/sockjs-node (webpack)/hot/dev-server.js ./src/main---SpringCloud工作笔记203
添柴程序猿的专栏
04-16 247
解决方法就是,去一个可以运行的正常的node_modules文件夹中把这个文件夹copy过来,覆盖掉,或者把这个文件删除,然后去web storm中的终端的位置,然后执行:npm install。先说一下解决方法:其实就是:highcharts这个插件有问题,这个插件损坏了,应该是由于。这个错误是我在ruoyi-ui项目中,执行npm run dev的时候报错的信息.网络不好,导致有些文件下载了一半出现了故障.网上找的解决方法都不对,所以要记录一下。再重新下载保证网络没问题就可以了.
vue项目启动步骤
qq_45591403的博客
07-31 8710
(1). 确保nodejs已经安装 第一步 01-基础-vue-cli 工具-介绍 内置开发时本地服务器，预览代码 统一项目的目录结构 内置开发过程中用到的各种工具 (1). babel编译 (2). eslint代码风格约束 (3). less预处理器 内置开发时本地服务器，预览代码 自动刷新，方便预览 热更新 其它高级功能 02-基础-vue-cli-安装 安装 npm install -g @vue/cli # OR yarn global add @vue/cli 命令说明
Vue笔记：webpack项目vue启动流程
朝雨忆轻尘
08-17 648
VUE启动流程 1. package.json 在执行npm run dev的时候，会在当前目录中寻找 package.json 文件, 有点类似 Maven 的 pom.xml 文件，包含项目的名称版本、项目依赖等相关信息。 {　# 版本信息 "name": "kitty-ui", "version": "1.0.0", "description": "kitty ...
分析vue-cli 启动流程步骤
weixiaoderensheng的博客
09-21 3257
启动流程分析  启动入口: 找到package.json 包含工程依赖启动命名直接查找到 "scripts" 下的dev 启动命令，可以看到命令启动了webpack-dev-server 内置的服务，并且执行 build/webpack.dev.conf.js 文件 --progress 命令表示:查看构建过程 --config 表示 自定义配置文件 --inline 自动刷新浏览器 ...
Vite - 开发初体验，以及按需导入配置
最新发布
CYK_byte的博客
06-09 2057
a）这里我们只需要在 vite.config.js 文件中引入 elementPlus 的解析器，然后把她交给 Components 按需引入插件即可.之后就可以观察到项目中多出了 node_modules 文件（这个文件中存放的就是下载好的依赖），然后通过 npm run dev 就可以成功了。c）接下来你会发现，在 Home.vue 组件中使用 Foo.vue 组件，就可以不用写 import 了~a）例如我们在 Home.vue 文件中使用 ref 写了一个计数器（点击按钮，count++）.
http://localhost/:8081&sockPath=/sockjs-node (webpack)/hot/dev-server.js ./src/main.js
lingrer的博客
11-15 311
原因：由于项目当中加入了MQTT，MQTT版本过高而导致。解决方法：安装一个低版本的。
Angular项目启动步骤
csdn122325735的专栏
06-10 7260
初学者启动angular 项目
启动VUE项目配置
m0_37731220的博客
03-01 726
vue启动配置，及报错问题解决方法
Vue修改项目启动端口号方法
10-16
总结来说，修改Vue项目启动端口号主要涉及`package.json`、`build/dev-server.js`和`config/index.js`（或`vue.config.js`）这三个文件的配置。通过以上步骤，你可以根据自己的需求灵活地调整项目启动时使用的端口，...
vue项目启动出现cannot GET /服务错误的解决方法
10-15
在开发Vue项目时，有时会遇到“Cannot GET /”的错误，这通常意味着浏览器无法找到你期望的资源。本文将详细解析这个问题的原因以及提供几种有效的解决策略。 首先，"Cannot GET /"错误通常出现在尝试访问应用程序...
VUE项目启动失败：Module build failed
01-08
VUE项目启动至98%时失败 错误如图，最近使用Vue/cli创建一个项目时npm run serve启动失败，询问了大佬，都说重新安装一下node_modules包，卸载重新安装之后任然无效，最后发现是命令错误 首先第一步rimraf node_...
详解VSCode配置启动Vue项目
10-17
本文将详细介绍如何在VSCode中配置启动Vue项目，以便高效地进行Vue应用的开发。 首先，确保你已经下载并安装了最新版本的VSCode。你可以通过搜索引擎搜索"VSCode最新版"来获取安装程序。安装完成后，按下`Ctrl + ...
Vue如何启动项目
m0_50013284的博客
07-11 3万+
Vue如何启动项目
vue如何启动项目！
TangMonk的博客
07-15 8668
通常，默认地址是`http://localhost:8080`，但您也可以在命令行中查看实际的地址和端口号。您可以在命令行中输入`node -v`来检查是否已经安装了Node.js，并查看其版本号。然后，Vue CLI会向您展示一些预设选项，您可以选择手动配置或选择预设模板。现在，您的Vue项目已成功启动，并可以在浏览器中进行访问和开发。这将启动一个开发服务器，并编译和热重载您的Vue项目。您将在命令行中看到服务器的地址和端口号。这将全局安装Vue CLI，它是一个用于创建和管理Vue项目的工具。
Vue项目的启动
Bananaaay的博客
07-15 6711
3.Nodejs是一个基于Chrome V8 引擎的 JavaScript 运行时环境，对于没饿浏览器都有自己的javaScript解析引擎，浏览器中的javascript引擎负责来解析和执行我们待执行的js代码，并且每个浏览器中都提供有内置的BOM、DOM这样的API函数，我们能够根据这些内置API函数编写出一些待执行的js代码，最后由我们的浏览器中的JavaScript引擎去执行。然后我们安装我们的nvm，根据安装程序，去选择对应的nvm的安装路径（自动配置环境变量），以及nodejs的路径等。
如何运行vue项目(超详细图解）
热门推荐
忧郁的蛋的专栏
05-10 4万+
本篇超级详细案例截图教学 如何运行别人的vue项目，图片点击可放大仔细看 一、查看node.js版本Vue环境配置教程 ：https://blog.csdn.net/m0_57545353/article/details/124366678配置完成后分别在cmd中执行node -v查看是否安装成功，出现版本号就安装成功了进入cmd命令行窗口，输入node -v查看nodejs版本输入npm -v查看npm版本node -v npm -v 1 2如下图 如所示，即为安装成功： 二、运行别人的项
vue项目完整搭建与启动
qq_42400124的博客
01-10 2538
vue项目完整搭建与启动
Vue项目创建与启动（2023超详细的图文教程）
Alphamilk的博客
11-01 1万+
一、下载node.js ， 二、下载vue-cli与webpack插件 ， 三、项目初始化(项目配置详细信息) ，四、项目启动 ， 五、Vue项目工程结构（扩展知识）
Vite基本使用
m0_66711291的博客
05-28 9949
文章目录什么是vite创建项目1. 输入2. 安装vite3. 配置项目的基本信息4. 预览效果配置项目配置项配置vue.config.jsvue-routervuexaxiosless 什么是vite vite是vue官方推出的一个打包工具，打包速度比webpack要快得多，具体为什么快我看不懂。 总之就是一个打包工具，也可以代替脚手架来创建项目 创建项目 按照下面的命令可以创建出一个项目 1. 输入 npm init vite@latest 或者 npm create vite@latest 2
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值