使用node运行vue项目

最新推荐文章于 2024-06-09 22:47:40 发布
最新推荐文章于 2024-06-09 22:47:40 发布
阅读量1.6k 收藏 2
点赞数 1
分类专栏： vue express node 文章标签： vue.js 前端 javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_34656296/article/details/126014272
版权
vue 同时被 3 个专栏收录
6 篇文章 0 订阅
订阅专栏
express
2 篇文章 0 订阅
订阅专栏
node
1 篇文章 0 订阅
订阅专栏

1. 在vue项目下 打包vue项目生成dist文件

npm run build

2. 将打包好生成的dist文件夹中的文件 放置到配置的默认路径中

 3. 查看默认路径

4. 将2中所有的文件放到www下

5. 在项目中运行: node app.js

注: 在运行之前记得先安装依赖包: npm i  /  cnpm i

 

 

偷懒的付程序猿
关注
  • 1
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
nodejs 跑 vue项目
qq_41588568的博客
07-10 1万+
原文章链接：https://www.jianshu.com/p/4f744c935e1c 这是我看着大神的文章自己摸索着学习nodejs的，以免以后自己忘记，就记一下笔记。 1，首先安装node.js 从node.js官网下载并安装node，安装过程比较简单，基本一致下一步就可以了 https://nodejs.org/en/download/ 1.1输入 node -v...
使用IDEA工具配置和运行vue项目及遇到的坑
08-26
使用IDEA工具配置和运行vue项目及遇到的坑 在本篇文章中，我们主要介绍了使用IDEA工具配置和运行vue项目的步骤，并分享了我们在配置和运行过程中遇到的坑，以便帮助读者避免类似的错误。 一、IDEA中配置vue插件 ...
Vue开发实例目录总索引
编程界明世隐的博客
12-20 1万+
Vue是现在前端最流行的框架之一，作为前端开发人员应该要熟练的掌握它，如果你是打算学习Vue的开发流程，那么来吧，明哥带你快速上手、带你飞！ >即使你并非前端开发人员，对前端的开发流程进行一定的了解也是很有必要的，谁也不确定公司以后会不会让我做前端去，做些简单的实例既不需要花费很多时间，也可以提高自己的自信和成就感，所以跟着明哥走，没有错，来吧！
基于NodeJs 的Vue安装和创建项目
最新发布
加州暖阳的博客
06-09 923
基于NodeJs 的Vue安装和创建项目。
如何运行vue项目(超详细图解）
热门推荐
沐沐
04-10 1万+
📖本篇超级详细案例截图教学 如何运行别人的，图片点击可放大仔细看。
Vue开发 -- Node.js环境配置以及项目运行（图文讲解）
herui_2的博客
01-18 1531
写项目需要使用到Vue开发，恰好重新换电脑了，也就记录一下安装以及配置过程，记录一下遇到的问题和解决方法，方便以后看和参考。
node.js 安装配置及Vue项目创建
m0_52716631的博客
11-21 2889
node.js 安装配置及Vue项目创建
安装nodejs,运行vue项目
weixin_40466351的博客
07-27 887
一、安装node nodejs 官网地址https://nodejs.org/zh-cn/ Node.js 安装配置 注、子邱营业收费系统要求node版本>=12,我这里目前安装的版本是14.3.0，能正常运行 二、clone项目 注：记得带端口号 git clone http://172.16.100.6:8081/leiy/ziqiu-water-yysf-web.git 三、安装依赖 进入cmd命令行 1、安装yarn并配置淘宝源 npm install -g yarn --registry
node创建Vue项目步骤详解
12-20
接下来，创建一个Vue项目。首先，全局安装Vue CLI（命令行界面）： ``` npm install --global vue-cli ``` 然后，使用Vue CLI创建一个新的基于webpack模板的项目： ``` vue init webpack new-project ``` 这里，`new...
详解如何运行vue项目
01-19
可以看下我的github：https://github.com/padipata ，里面有我学习、工作写的一些vue项目。 言归正传~~ 首先，列出来我们需要的东西： node.js环境（npm包管理器） vue-cli 脚手架构建工具 cnpm npm的淘宝镜像 ...
node+vue全栈项目
05-14
1. **项目结构**：包含前端Vue项目和后端Node项目，两者之间通过API进行交互。 2. **服务器端**：可能使用Express搭建，处理HTTP请求，提供RESTful API接口。 3. **数据库设计**：可能有MongoDB数据库用于存储用户...
如何运行一个Vue项目
01-20
本文将详细介绍如何搭建环境并运行Vue项目，主要涉及Node.js、npm、vue-cli、cnpm以及Webpack等关键工具。 首先，确保你已经安装了Node.js环境，因为npm（Node Package Manager）是集成在其中的。你可以从Node.js的...
使用node创建服务器 运行vue打包的文件
陈灬大灬海
01-08 973
vueproject打包操作 npm build vue project打包之后默认在dist目录下编译生成静态资源 如果想在正式部署前测试，可以依赖node-static直接运行 安装node-static依赖 npm install -g node-static 或者编写node脚本 在根目录下新建node-static-start.js var static = require(...
【vue3】构建vite项目
我的开源项目:https://gitee.com/derekgo/vue-cms_xg
08-28 1156
1.1下载安装后使用npm -v查看是否安装成功1.2 nvm针对node版本惊醒管理的工具。
在vue中使用node.js
weixin_46263815的博客
09-22 5850
在vue中，使用node.js的框架express 和mongodb数据库 来进行增删改查的页面交互。
Vue框架学习1：运行环境配置（Node.js）
L_Jane_H的博客
11-26 1755
vue运行环境配置
Node 本地运行 Vue 打包项目
qq_34494140的博客
04-25 729
express 启动服务 const express = require("express") const app = express() const host = '127.0.0.1' const port = 8105 // 静态文件路径 app.use(express.static("./dist")) // 启动服务监听端口 app.listen(port, function (err) { if (err) { console.log(err) } else { con
如何使用Node.js启动vue项目
W
06-15 4582
进入项目，项目目录如下： 使用cnpm install 命令。cnpm是使用淘宝镜像，如果没有安装cnpm，那就使用npm命令（npm install），可能会出现一些奇怪问题，使用cnpm就解决了。 cnpm run dev: 启动成功，使用浏览器访问 http://localhost:8080 即可。 Node.js跑vue项目：https://blog.csdn.net/qq_41588568/article/details/80981148 ...
【Vue】【NodeJS】部署并启动最简单的一个Vue项目
weitaming1的博客
08-02 4126
参考文章： 使用vue-cli（vue脚手架）快速搭建项目 Vue2.0 新手完全填坑攻略——从环境搭建到发布 环境：win10 且已经安装了node （一）使用node 安装 cnmp,进一步安装vue-cli脚手架。 1、在任意一个空白文件夹下，执行cmd命令 npm install cnpm -g --registry=https://registry.npm.taob...
使用node创建vue项目
08-19
您可以按照以下步骤使用 Node.js 创建 Vue 项目： 1. 确保您已经安装了 Node.js，可以通过在终端中运行 `node -v` 来检查是否安装成功。 2. 使用 Node Package Manager (npm) 初始化一个新的 Vue 项目。在终端中，进入到您想要创建项目的目录，并执行以下命令： ``` npm init ``` 按照提示进行一些基本配置，如项目名称、版本等。 3. 安装 Vue CLI（命令行工具），它可以帮助我们创建和管理 Vue 项目。在终端中执行以下命令来全局安装 Vue CLI： ``` npm install -g @vue/cli ``` 4. 创建一个新的 Vue 项目。在终端中执行以下命令： ``` vue create my-project ``` 其中 `my-project` 是您想要创建的项目名称，您可以根据需要进行修改。 5. 在创建项目的过程中，Vue CLI 会询问您一些配置选项，如 Babel、ESLint 等。根据您的需求进行选择，或者直接按回车键使用默认配置。 6. 安装项目依赖。进入到项目根目录，在终端中执行以下命令： ``` cd my-project npm install ``` 7. 项目初始化完成后，您可以使用以下命令启动开发服务器： ``` npm run serve ``` 这将会启动一个本地开发服务器，并在浏览器中打开项目。您可以在 `http://localhost:8080`（默认端口号是8080）上访问项目。 现在您已经成功使用 Node.js 创建了一个基本的 Vue 项目。您可以根据需要进行进一步的开发和配置。希望对您有帮助！

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值