使用CMD命令行运行Vue项目

最新推荐文章于 2024-03-07 14:58:22 发布
最新推荐文章于 2024-03-07 14:58:22 发布
阅读量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高手马保国
关注
  • 3
    点赞
  • 踩
  • 3
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
cmd怎么直接启动已有的vue项目_分享：一步一个脚印，vue入门之使用vue-cli新建vue项目...
weixin_42284380的博客
02-03 2792
现在流行的前端框架很多，vue相对于来说较为简单，更容易上手。现在将自己一步步学习过程进行记录，便于以后查阅，也作为积累，同大家分享。 一、安装node.js 1、在官网中安装nodejs最新版本。地址：https://nodejs.org/en/download/，根据自己环境，进行下载安装。 2、安装完成后，进行nodejs版本及npm版本查看。 打开cmd命令行，输入 node -v 和 n...
vue-cli安装后使用vue -V命令找不到版本的问题
weixin_43403746的博客
05-07 8032
很久没有初始化vue项目了，今天突然有需求，于是准备使用vue-cli来初始化。 node已经配置好了环境变量，开始安装。 npm install -g vue-cli 这里遇到了一个小插曲，node放在D盘的，npm安装时一直提示权限不足，解决方案如下： 1.先在cmd中使用“where node”命令得到node所在的目录 2.进入该目录，右击后发现“删除”和“重命名”前面都存在黄色盾牌，就代表权限不足。 选择文件后右击进入“属性”→“安全”→“编辑”，在“组或用户名(G)”中选择自己的账号，在下面
如何运行vue项目
叛逆的鲁鲁修
08-31 2486
在师兄的推荐下入坑vue.js ，发现不知如何运行GitHub上的开源项目，很尴尬。通过查阅网上教程，成功搭建好项目环境，同时对前段工程化有了朦朦胧胧的认知，因此将环境搭建过程分享给大家。 可以看下我的github：https://github.com/padipata ，里面有我学习、工作写的一些vue项目。 言归正传~~ 首先，列出来我们需要的东西： node....
vue入门----cmd命令
yookooi
07-25 2156
vue入门---cmd常用命令
Vue cmd窗口创建项目（初学版本）
qq_43758153的博客
03-24 937
vue项目创建完整过程！首先需要安装好node.js等，如果没有安装，请先安装好！
解决“vue“不是内部或外部命令问题
9.冄2.7.號的博客
03-01 9822
已经安装了vue，就能看到，如果看不到该指令，则回到控制台；2、进入node.js的安装目录中查看一级目录下是否存在。通过vue指令使用脚手架初始化项目时，在cmd中输入。查看目录，找到 prefix 目录下对应的地址。但是，还是报错：‘vue’ 不是内部或外部命令。接下来，就可以通过vue指令来进行操作了。当显示版本号时说明npm已成功安装。
使用IDEA工具配置和运行vue项目及遇到的坑
08-26
使用IDEA工具配置和运行vue项目及遇到的坑 在本篇文章中，我们主要介绍了使用IDEA工具配置和运行vue项目的步骤，并分享了我们在配置和运行过程中遇到的坑，以便帮助读者避免类似的错误。 一、IDEA中配置vue插件 ...
详解Vue用cmd创建项目
12-10
3、进入正式cmd操作，创建个vue项目，命令行操作指令：vue init webpack project, project是你创建的文件夹名。 4、cd project，进入文件夹 5、安装依赖：npm install 等待即可，因为服务器在国外，所以要慢。完成...
Electron 调用命令行(cmd)
10-16
主要介绍了Electron 调用命令行(cmd)，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
pycharm新建Vue项目的方法步骤(图文)
09-17
在本文中，我们将详细探讨如何使用PyCharm创建一个Vue.js项目。Vue.js是一个流行的前端JavaScript框架，而PyCharm，尽管主要是为Python开发者设计的，也提供了对Web开发的支持，包括Vue.js项目的创建。 首先，为了...
详解使用vue脚手架工具搭建vue-webpack项目
08-30
我们可以使用自带的终端 cmd 命令行工具或 Git Bash 安装 Node.js。 知识点 5: 安装 Vue-Cli 安装了 Node.js 环境后，我们可以使用 npm 安装 Vue-Cli。npm 是 Node.js 的包管理器，提供了许多有用的包管理功能。...
VUE项目运行常用命令
weixin_55666891的博客
02-07 4246
VUE项目运行常用命令
通过cmd指令创建vue项目
qq_45383769的博客
12-24 2287
通过cmd指令创建vue项目 基础材料： 已安装node.js 已安装 npm（安装node.js后会自带安装npm） 首先通过node –v和npm –v确保他们都安装了，能够看见版本号就表示ok
使用CMD命令行快速运行别人的Vue项目
最新发布
m0_63550153的博客
03-07 1842
使用CMD命令行快速运行别人的Vue项目
使用 cmd 构建 Vue 测试项目
梦Dancing的博客
10-26 1836
Vue.js 提供一个官方命令行工具webpack，可用于快速搭建大型单页应用。 1安装webpack 在命令行输入： npm install -g webpack 2 进入想要建立项目的文件目录 方案一：命令行cd 进入想要建立项目的目录 方案二：直接在该目录下右键打开git bash窗口 3创建vue项目 设我们要创建的项目名称是my-project，则指令： vue...
vue -V 不是内部或外部命令，也不是可运行的程序或批处理文件
一个有梦想的混子
04-01 3104
解决方法：配置环境变量 1.在我的电脑中搜索vue.cmd，找到它的路径 2.右键计算机，属性——高级系统设置——环境变量，将 vue.cmd的路径加入环境变量 3.重启命令窗口，vue-V测试成功 ...
vue-cli安装成功，但是无法运行vue-V等指令。报错vue -V 不是内部或外部命令，也不是可运行的程序或批处理文件解决方案！！！
热门推荐
SilenceJude的博客
01-04 4万+
刚刚删除重装了nodejs，结果发现原来安装的vue不能用了，打算重新安装一遍，结果安装都挺顺利，但是vue命令都无法运行，一直报错“vue -V 不是内部或外部命令，也不是可运行的程序或批处理文件” 查看了一下npm全局安装包，里面确实有vue安装文件，且之前npm install -g @vue/cli安装的时候也没有问题，那么会不会是环境变量这里有问题呢？因为以前自学angular的时候就...
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、付费专栏及课程。

余额充值