使用CMD命令行运行Vue项目

最新推荐文章于 2024-09-15 22:23:35 发布
最新推荐文章于 2024-09-15 22:23:35 发布
阅读量4.7w 收藏 3
点赞数 3
分类专栏： 前端 文章标签： npm 前端 node.js vue.js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Jactil/article/details/124970363
版权

1.打开cmd进入到项目的根目录或者将项目导入Hbuilder，右键-使用命令行窗口打开目录

2.
# 安装依赖
npm install

# 建议不要直接使用 cnpm 安装依赖，会有各种诡异的 bug。可以通过如下操作解决 npm 下载速度慢的问题
npm install --registry=https://registry.npm.taobao.org

# 安装完成 启动服务
npm run dev

浏览器访问 http://ip:port

Java高手马保国
关注
专栏目录
详解Vue用cmd创建项目
10-17
使用命令行工具（CMD）创建Vue项目是开发流程中的第一步，这使得开发者能够快速搭建开发环境并开始编码。下面我们将详细讲解如何在CMD中创建Vue项目。 1. **环境准备**： 在开始之前，确保你已经安装了Node.js，...
在cmd中输入vue出错 : 无法将“vue”项识别为 cmdlet、函数、脚本文件或可运行程序的名称。
weixin_41207656的博客
08-13 3235
这是因为我们在配置npm的时候，没有配置npm全局环境变量导致系统无法识别。 我们需要配置一下环境变量即可。 1.添加NODE_HOME,找到安装node.js的文件夹下的node_modules 2.由于我们改变了module的默认地址，所以上面的用户变量中的path属性都也要跟着改变一下，要不使用module的时候会导致输入命令出现“xxx不是内部或外部命令，也不是可运行的程序或批处理文件”这个错误。 为path添加D:\Program Files\nodejs\node_global(
如何运行vue项目
叛逆的鲁鲁修
08-31 2590
在师兄的推荐下入坑vue.js ，发现不知如何运行GitHub上的开源项目，很尴尬。通过查阅网上教程，成功搭建好项目环境，同时对前段工程化有了朦朦胧胧的认知，因此将环境搭建过程分享给大家。 可以看下我的github：https://github.com/padipata ，里面有我学习、工作写的一些vue项目。 言归正传~~ 首先，列出来我们需要的东西： node....
[精选]本地运行vue项目
最新发布
cxsj999的博客
09-15 643
这里简单介绍下 npm run dev 命令，其中的“run”对应的是package.json文件中，scripts字段中的dev，也就是 node build/dev-server.js命令的一个快捷方式，至于是npm run dev 还是npm run start看package.json里面的值，我们这里是dev。npm包管理器，是集成在node中的，所以，直接输入 npm -v就会如下图所示，显示出npm的版本信息。下载并安装node，安装过程很简单，一路“下一步”就可以了（傻瓜式安装）。
在CMD输入vue总是会跳转到vue.js
weixin_73413335的博客
10-03 336
最近在学习vue安装脚手架发现一个情况，输入vue命令总是会跳转到vue.js。
cmd怎么直接启动已有的vue项目_分享：一步一个脚印，vue入门之使用vue-cli新建vue项目...
weixin_42284380的博客
02-03 2833
现在流行的前端框架很多，vue相对于来说较为简单，更容易上手。现在将自己一步步学习过程进行记录，便于以后查阅，也作为积累，同大家分享。 一、安装node.js 1、在官网中安装nodejs最新版本。地址：https://nodejs.org/en/download/，根据自己环境，进行下载安装。 2、安装完成后，进行nodejs版本及npm版本查看。 打开cmd命令行，输入 node -v 和 n...
vue项目创建
five_s的博客
10-19 550
一、前言 1、本例环境 node.js：v12.14.1 npm：v6.13.4 vue：@vue/cli 4.2.3 2、node.js环境安装与测试 由于vue的安装与创建依赖node.js（JavaScript的运行环境）里的npm（包管理和分发工具），因此需要先确保安装node.js。 检测方式：打开cmd命令窗口（Window + R，输入cmd然后回车），输入 node -v 回...
使用IDEA工具配置和运行vue项目及遇到的坑
08-26
使用IDEA工具配置和运行vue项目及遇到的坑 在本篇文章中，我们主要介绍了使用IDEA工具配置和运行vue项目的步骤，并分享了我们在配置和运行过程中遇到的坑，以便帮助读者避免类似的错误。 一、IDEA中配置vue插件 ...
Electron 调用命令行(cmd)
10-16
使用`node-cmd`相对简单，但在某些复杂的使用场景下，可能不如`child_process`灵活，因为`node-cmd`在执行命令时默认工作目录是项目的根目录，而不是可以由用户指定的任意目录。 ### 总结 在Electron应用中调用...
基于vue cli 通过命令行传参实现多环境配置
10-18
使用Vue CLI可以简化这些环境的配置管理，特别是在使用命令行进行多环境切换时，可以极大地提升开发效率。 知识点1：Vue CLI介绍 Vue CLI是Vue.js官方提供的一个基于Vue.js进行快速开发的完整系统。它提供了一个Vue...
如何运行vue项目(超详细图解）
热门推荐
忧郁的蛋的专栏
05-10 5万+
本篇超级详细案例截图教学 如何运行别人的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但是运行vue -V 一直显示‘vue‘ 不是内部或外部命令，也不是可运行的程序或批处理文件问题
m0_62725795的博客
08-08 1230
然后复制vue.cmd所在的文件夹目录打开 控制面板 —> 系统 —> 高级系统设置 —> 环境变量。把路径复制到对应的盘中打开就能找到vue.cmd的路径了。如果找不到推荐下载个 Everything软件快速查找。添加之后在cmd终端输入vue -V试试吧。Everything_官方电脑版_51下载。右击vue.cmd在属性里面查看路径。打开之后直接搜索vue.cmd。把目录添加到环境变量里面。
cmd搭建vue前端项目详细过程
Small_airui的博客
11-07 3840
cmd 搭建vue前端项目 下载nods.js加粗样式 node.js下载（Windows版本） 一路next 安装完毕！ 配置node.js环境变量 进入找到Path进入 这里填你的node.js的安装路径 验证node.js 打开cmd 输入node -v 安装配置完成可以看到版本 配置全局安装路径和缓存 新建node_global文件夹，npm_cache文件夹，位置自定 配置全局模块的安装路径到node_global文件夹，npm缓存到npm_cache文件夹 ...
Vue命令行常用命令
刘毅鹏的博客
12-07 2551
安装 全局安装 npm install -g vue-cli 注意一定要在全局模式下进行安装，否则无法正常使用vue-cli 输入vue -V命令,可以看出当前的vue使用的是2.8.2版本。输入vue list 可以得到推荐的官方模板 创建 vue init webpack my-project 后面跟的是你需要创建的项目名称 创建项目完成之后你的my-project目录下面会出现所有的vue...
vue入门----cmd命令
yookooi
07-25 2256
vue入门---cmd常用命令
Vue项目的创建和启动
kinokosuki的博客
12-31 1886
Vue项目的创建和启动
vue新建项目cmd命令详细解析
qq_43373220的博客
12-16 8118
新建vue项目，cmd命令，详解
【Vue】使用cmd命令创建vue项目
m0_67930426的博客
12-05 5912
上一篇： node的安装与配置。
cmd怎么创建vue项目
07-23
要在命令行中创建 Vue 项目，你需要确保已经安装了 Node.js 和 Vue CLI。 以下是创建 Vue 项目的步骤： 1. 打开命令提示符（Windows）或终端（Mac / Linux）。 2. 使用 `npm` 安装 Vue CLI。在命令行中运行以下命令： ``` npm install -g @vue/cli ``` 3. 等待安装完成后，使用以下命令创建一个新的 Vue 项目： ``` vue create 项目名 ``` 请将 "项目名" 替换为你想要的项目名称。 4. 在创建项目时，你可以选择使用默认的预设配置或手动选择自定义配置。根据你的需要进行选择。 5. 创建完成后，进入新创建的项目目录： ``` cd 项目名 ``` 6. 最后，使用以下命令启动 Vue 项目： ``` npm run serve ``` 这将启动开发服务器，并在本地主机上运行 Vue 应用程序。 这样，你就成功创建了一个 Vue 项目，并且可以在浏览器中访问它了。
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值