创建vue项目遇到的问题及启动vue项目的命令

最新推荐文章于 2024-06-23 14:48:36 发布
最新推荐文章于 2024-06-23 14:48:36 发布
阅读量845 收藏
点赞数 1
分类专栏： 前端 文章标签： node.js npm 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/u014773932/article/details/103690986
版权

1.创建vue项目遇到的问题

npm和cnpm不在同一目录下，所以npm指向淘宝镜像时，cnpm -v 会报cnpm不是内部或外部命令，也不是可运行的程序或批处理文件，此时要去配置环境变量，将cnpm所在目录加入到path中。
D:\software\node.js\install;D:\software\node.js\install\node_global

参考https://www.cnblogs.com/yominhi/p/7039795.html

2.运行vue项目可通过三种方式运行

（1）. vscode中的左边栏上有个NPM SCRIPTS
点击pachage.json中的serve的run：
在这里插入图片描述
（2）. cmd 进入项目所在路径，执行npm run serve
在这里插入图片描述

（3）. cmd 进入项目所在路径，执行vue ui
在这里插入图片描述

雨水芬纷
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Vue运行项目常用命令
segegefe的博客
07-31 2228
先自我介绍一下，小编13年上师交大毕业，曾经在小公司待过，去过华为OPPO等大厂，18年进入阿里，直到现在。因此我收集了一份《java开发全套学习资料》送给大家，初衷也很简单，就是希望帮助到想自学又不知道该从何学起的朋友，同时减轻大家的负担。安装cnpmnpminstall-gcnpm--registry=http//registry.npm.taobao.org。配置npm国内的镜像npmconfigsetregistryhttps//registry.npm.taobao.org。...
vue创建项目并启动
Aa12364567的博客
08-06 196
vue创建项目并启动
vue项目的运行
最新发布
RainbowTutu的博客
06-23 1098
npm有缓存时，常常出现安装依赖不成功的现象，且一旦出现这个问题，报错信息很完善，但根据报错信息一项一项去解决，却死活解决不了，还找不出原因。控制台输入下面命令清除npm缓存，npm有缓存时，常常出现安装依赖不成功的现象。package-lock.json记录了整个node_moudles文件夹的树状结构，还记录了模块的下载地址，但是它是基于项目作者的npm版本库生成的，若不删掉这个依赖文件，容易出现npm版本差异导致的报错。3、在启动的命令行窗口输入【npm run serve】，回车。
VUE项目运行常用命令
m0_55876338的博客
09-08 1万+
3、打包部署：npm run build进行打包，打包完成后项目里面多了一个dist文件夹，将dist扔到服务器。2、启动项目：npm run dev，如果npm run dev不行，则用npm run serve。
如何运行Vue项目
weixin_51538341的博客
01-01 1万+
前端vue项目
图文讲解用vue-cli脚手架创建vue项目步骤
10-17
如果安装过程中遇到权限问题，可以尝试使用`sudo`（对于Mac或Linux用户）或者以管理员身份运行命令提示符（对于Windows用户）。 **二、创建Vue项目** 安装完成后，你可以通过Vue CLI创建一个新的Vue项目。首先，...
vue项目部署上线遇到的问题及解决方法
08-27
以下将详细讲解在Vue项目部署上线时可能遇到的问题及其解决方案。 首先，要进行服务器搭建。通常选择云服务提供商，如腾讯云，购买服务器并配置域名。未备案的域名也可以使用，但可能在某些国家或地区访问受限。...
VUE项目初建和常见问题总结
10-16
在创建Vue项目时，首先需要确保已经安装了Node.js，可以通过在命令行输入`node -v`来检查版本。Vue CLI（命令行工具）是快速初始化Vue项目的必备工具，可以通过`npm i -g @vue/cli`全局安装。 创建Vue项目的基本...
通过命令行创建vue项目的方法
12-08
安装完成后，就可以开始创建Vue项目了。使用Vue CLI创建项目时，通常选择一个预设模板。这里我们使用`webpack`模板，它是一个广泛使用的模块打包器。在命令行中输入以下命令： ```bash vue create projectName ``` ...
nginx部署多个vue项目的方法示例
10-14
如果遇到80端口无法访问的问题，可以检查以下几点： 1. 使用`nginx -t`命令检查Nginx配置文件是否有错误。 2. 检查本地防火墙设置，确保80端口未被阻止。 3. 如果是云服务器，检查安全组规则，确保80端口已开放。 ...
怎样运行vue项目
专注Java后端技术干货、项目源码总结分享，期待您的关注。
10-21 512
1、安装npm的国内镜像cnpm。 在命令行输入npm install -g cnpm --registry=http://registry.npm.taobao.org 2、安装webpack。 在命令行中输入npm install webpack -g 3、安装vue-cli 在命令行输入cnpm install vue-cli -g 4、用cd命令切换到项目目录中。 5、进入项目中后，在命令...
VUE项目运行步骤
qimowei的博客
07-22 558
VUE启动步骤 一、启动步骤 1、安装Node.js，百度 2、将npm的源换成淘宝的 npm install -g cnpm --registry=https://registry.npm.taobao.org 3、切换到VUE目录 cnpm install 4、运行vue cnpm run dev 二、已经打包build好的项目运行 1、命令行切换到dist目录 2、安装h...
vue项目启动命令_创建第一个 Vue 项目
weixin_35682097的博客
01-26 7989
本文来源于「Vue 虚拟实验室」yghen 的分享，由素燕进行修改。Vue 官方提供了 Vue-CLI 工具来创建项目，这一节内容我们主要学习 它能干什么，以及在 「Vue 虚拟实验室」中是如何被使用的。Vue-CLI(command-line interface)是创建 Vue 项目的一个官方命令工具，帮助开发者快速创建一个应用。在开发 Lovue 这个项目的时候，就是通过这个工具...
如何运行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如下图 如所示，即为安装成功： 二、运行别人的项
npm ERR! xxxx@0.1.0 serve:`vue-cli-service serve` npm ERR! This is probably not a problem with npm
yqx_123的博客
10-04 5235
npm ERR! xxxx@0.1.0 serve:vue-cli-service serve npm ERR! This is probably not a problem with npm.There is likely additional logging output above 今天在继续写项目的过程中安装了一个依赖， 然后安装完后再用 npm run serve 命令跑项目时得到了如下报错： 然后研究了一会儿，较完美的解决方法就是删除node_modules文件夹然后再重新npm insta
vue常用的命令
王春燕的博客
06-15 5848
Vue一些常用命令： 1.安装vue-cli npm install --global vue-cli 2.创建一个基于 webpack 模板的新项目 vue init webpack 项目名称 3. 安装依赖： cd 项目名称 npm install 3运行： npm run dev 4.安装vue-resource插件（通过XMLHttpRequest或JSONP发起请求并处理响应 //get post请求）： npm install vue-resource --save......
Vue的学习（十四）如何启动vue的项目，并且对vue的项目目录做解释，打包项目的命令
一天不写代码难受的博客
11-21 355
阅读目录如何启动项目vue的项目目录做解释打包vue项目 如何启动项目 以上是之前创建的项目，那么如何启动这个项目呢？ 进入到创建的项目里面 执行启动项目的命令 出现以上的情况，那么项目就已经启动了，在浏览器输入就可以了 vue的项目目录做解释 拿到一个vue的项目，我们首先看的文件是 如果我们在控制台输入 意思就是将我们的项目进行打包，为什么会这样呢，我们执行完 npm run build 项目就会找package.json这个文件 里面有个 那么就找到这个build 其实最后执行的是
运行vue项目出错
Hero_rong的博客
03-20 495
这种情况就是少一个包， 直接 npm install 一下就好了 （如果npm install 下载的很慢，可以用cnpm install） 然后再运行就可以了
vue命令 无法启动项目
04-02
如果您已经安装了Vue CLI，但是在运行vue命令时仍然遇到问题，可能是因为您没有创建Vue.js项目。请使用以下命令创建一个新的Vue.js项目： ``` vue create my-project ``` 3. 没有进入项目目录 如果您已经创建了...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值