新建vue项目卡在Project description

最新推荐文章于 2024-09-07 22:34:31 发布
最新推荐文章于 2024-09-07 22:34:31 发布
阅读量528 收藏
点赞数
CC 4.0 BY-SA版权
分类专栏： VUE VsCode
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/ZyhMemory/article/details/93165056
本文介绍了一种解决在创建Vue项目时遇到的卡顿问题的方法。通过更新node.js到最新版本并重新安装webpack，可以有效解决项目描述阶段的卡顿现象。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

新建vue项目卡在Project description

在这里插入图片描述

到node.js官网下载最新版本
然后重新安装webpack

npm install -g webpack

我是按照这种方法解决的

安装vue，搭建一个vue新项目，以及组件的安装
weixin_47649759的博客
10-11 1216
一、介绍 我们可以在Vue.js的官网上直接下载vue.js,并在.html中通过<script>标签中引用。-> <script src = ../vue.js> </script> 开发环境不要使用最小压缩版，不然会没有错误提示和警告！（页面中直接使用） 使用vue多页面开发： 引入vue.js创建一个vue根实例 new Vue({选项}) 二、三种 Vue.js 的安装方法 1.独立版本 我们可以在Vue.js的官网上直接下载vue.js,并在.
新建vue项目
weixin_45514407的博客
01-02 285
新建vue项目 一、 在搜索栏输入“cmd“回车 1. 安装node.js 从node.js官网上下载，一路yes 查看版本，判断是否安装成功 node -v(小写v) npm node里包含”npm“ 输入： npm -v 最后结果 C:\Users\Administrator>node -v v14.15.3 C:\Users\Administrator>npm -v 6.14.9 2.搭建依赖 一般采用淘宝镜像 npm install -g cnpm --registry=htt
vue创建项目卡住不动
2301_77569791的博客
08-28 522
3，修改完命令后再npm config get registry查看是否修改完成。4，vue create project 重新创建项目即可。2，修改当前的镜像为淘宝镜像。1查看当前npm镜像源。
百万前端之vue create name 创建项目时卡住、卡死或进度条不动了
qsadmjn的博客
09-07 524
3.淘宝镜像源的证书过期了，可以通过禁用SSL，暂时解决，一般太久没有用脚手架创建vue项目都会出现这个问题。创建vue2项目时，使用脚手架创建项目时出现意外卡住，导致无法创建项目时要怎么解决呢？区分以下几种情况，一步步对原因进行排查，如前一步未解决就需要进行下一步。2.npm和Node.js的版本问题，尝试更新npm到最新版本。1.网络问题，造成卡顿；通过重新设置一下淘宝镜像。
从零开始，创建一个VUE项目，详细图文详解。
五花漏的博客
03-05 2368
一、步骤详解 1、去F盘新建一个文件夹，取名叫MyDemo，打开VScodeE进入MyDemo文件夹。（图1） 2、安装脚手架，输入npm install -g vue-cli，回车。（图2）（-g代表全局安装，下次新建项目就不用安装脚手架了，此步骤就可以省略了。） 3、新建一个项目。输入vue init webpack first-vue， first-vue 就是你的项目名称，回...
vue搭建项目每次到项目描述就卡主不动? Project description (A Vue.js project)
weixin_40658653的博客
06-21 1508
vue搭建项目每次到项目描述就卡主不动? 就是这里 下面是我的版本 求有经验的大神帮帮忙
从头搭建VUE环境，使用IDEA 2021创建VUE项目
Klee2020的博客
03-10 8526
从零搭建VUE环境 IDEA 2021 创建VUE工程
搭建 vue项目（Windows + 命令行 + vsCode）
nan961136007的博客
11-30 1240
1.win键 + R ，输入CMD打开命令行。 2.输入node -v 查看node.js是否安装，如果输出版本号，则进行下一步，否则安装node.js。 下载地址：https://nodejs.org/en/，一路傻瓜式安装就可以了。 输入npm -v 查看npm命令是不是安装成功，出现版本号则代表成功，和node一样。 3.使用淘宝镜像，输入npm install -g cnpm –registry=https://registry.npm.taobao.org，时间可能会有点长，耐心等待一会儿吧。
vue项目流程demo示例
tang31415926的博客
03-07 1644
自己写从头做一个vue项目，没什么技术，主要是温故流程。 没写完，只写到创建完项目。
使用vue-cli来搭建vue项目,路由跳转，嵌套路由
qq_62797382的博客
07-21 486
N 新手就不用了，但实际项目中一般都会使用，这样多人开发也能达到一致的语法。5.Install vue-router：是否需要vue-router，Y选择使用，这样生成好的项目就会有相关的路由配置文件。：是否安装e2e测试 N。1.Project name：项目名，默认是输入时的那个名称spa1，直接回车。#安装所有项目需要的npm模块。运行完上面的命令后，我们需要将当前路径改变到SPA这个文件夹内，然后安装需要的模块。必须先安装vue,vue-cli，webpack，node等一些必要的环境。
vue创建项目在Project description (A Vue.js project)时卡的不动解决办法
alice9999999的博客
07-12 1979
尝试了好多方法发现还是卡，点什么都没有反映，后来尝试重新安装了下vue-cli好了。 具体用到两个命令行： 首先：npm install -g @vue/cli，然后此时如果开始创建项目还是不行，根据提示又执行了一个命令行， npm install -g @vue/cli-init，然后再创建项目，发现可以了。 ...
使用vue-cli脚手架手动创建项目卡在sill idealTree buildDeps没有反应
m0_72451126的博客
03-22 628
使用命令行手动创建vue项目时,卡在sill idealTree buildDeps,解决办法参考,亲测有效。
Vue 环境搭建
MLGB__NIU的专栏
01-23 505
1.安装node.js：从nodejs官网上下载安装。（cmd中敲node -v，能输出node版本号则表示成功安装）； 2.安装Vue：npm install vue -g（现在一般安装node之后会自动安装npm包管理器，-g表示全局安装，不带-g会在当前cmd当前所在目录新建node_modules，并将vue安装到此文件夹下）； 3.安装webpack：npm install webp
创建vue项目和常见的一些问题
weixin_45381828的博客
09-18 280
使用webpack搭建项目 1，使用vue init webpack 你的项目名称 2，​当创建好项目时cd… 项目名称 进入你的项目 3，这时候如果你的项目需要一些插件，比如axios,swiper,等等可以直接使用npm install 名称来安装 4，这时你可以使用npm start 或者 vue run dev 来运行你的项目 5，当你的项目运行时有时会报错 这个时候是你安装的插件有问...
Vue3描述列表（Descriptions）
Vue Amazing UI（Vue3 + TypeScript + Vite）组件库唯一开发维护者
08-02 4485
成组展示多个只读字段，常见于详情页的信息展示，支持：带边框或不带边框两张样式；水平列表或垂直列表两种模式；三种尺寸；自定义内容和样式；总之，功能丰富，简单易用，总能满足你的想象😁
vue常用挂载的方法
qq_40591925的博客
10-01 250
本文已参与[新人创作礼]活动，一起开启掘金创作之路 数字处理方法(tools.js) ```javascript // 字符串true、false转布尔true、false String.prototype.toBool = function(){ return (/^true$/i).test(this); } //清除字符串首尾空格 String.p...
vue项目代码注释规范
热门推荐
静水流深
02-20 3万+
文件注释规范 ​ 单个文件注释规范，每个独立的VUE文件开头都要进行注释，表明该文件的描述信息、作者、创建时间等。 <!-- * @FileDescription: 该文件的描述信息 * @Author: 作者信息 * @Date: 文件创建时间 * @LastEditors: 最后更新作者 * @LastEditTime: 最后更新时间 --> 效果： 方法注释规范 ...
ant design vue 的 description组件中 label 默认样式的更改
Curry_On的博客
12-02 8700
两种方法，修改 ant design vue 中 description 组件的 label 样式
Vue2 Element description组件 列合并
白瑕 的博客
08-16 9416
需求是需要做成首行3列, 剩余行为4列, 额, 我说的是算上标签, 就像这样:你可能会说"啊, 你这个笨蛋为什么不去用labelStyle或者来消减表格呢?"我肯定是试过的啦…不行嘛.今天代码审查没过, 手里俩任务没交成, 今天一天还是在完善这俩任务, 唉.希望这篇文章能帮到你吧....
VUE的项目怎么开机就启动
最新发布
03-25
<think>嗯，用户问的是VUE项目怎么开机就启动。首先我需要理解用户的具体需求。这里的“开机就启动”可能有两种情况：一种是当用户打开电脑时，自动启动Vue项目的开发服务器，比如运行npm run serve；另一种可能是在系统启动时自动运行部署好的Vue应用，比如作为服务运行。 首先，用户可能是开发者，想要在开机后自动启动本地开发环境，这样他们不需要每次手动输入命令。这时候需要配置系统任务，例如在Windows中使用任务计划程序，或者在Linux中使用cron或systemd服务。需要检查用户的操作系统类型，给出对应的步骤。另外，如果使用PM2这样的进程管理工具，可以更方便地管理Node.js应用的自启动。 另一种情况是生产环境，用户可能已经构建了Vue应用（npm run build），并希望通过Web服务器（如Nginx）托管，希望服务器开机自启。这时候需要配置Web服务器的服务自启动，例如在Linux中使用systemd管理Nginx服务。 需要询问用户具体是开发环境还是生产环境的需求，或者分别给出两种情况的解决方案。同时要确保步骤详细，比如如何创建启动脚本，如何设置权限，如何配置任务计划或服务文件。此外，提醒用户注意安全风险，比如自动运行开发服务器可能存在的安全隐患，建议生产环境使用构建后的静态文件配合Web服务器。</think>根据您的需求，Vue项目开机自启动有以下两种场景的解决方案，请根据实际情况选择： 一、开发环境自启动（本地调试） 1. 创建启动脚本 新建 `start_vue.sh` 文件： ```bash #!/bin/bash cd /path/to/your/vue-project npm run serve ``` 给脚本执行权限：`chmod +x start_vue.sh` 2. 配置自启动方法 ▌Windows系统： 1. 按 Win+R 输入 `taskschd.msc` 打开任务计划程序 2. 创建任务 → 设置名称 → 选择"用户登录时"触发 3. 操作选项卡 → 新建 → 选择脚本路径 ▌Linux系统（systemd方式）： 创建服务文件 `/etc/systemd/system/vue-dev.service`： ```ini [Unit] Description=Vue Dev Server [Service] ExecStart=/path/to/start_vue.sh Restart=always User=your_username [Install] WantedBy=multi-user.target ``` 执行： ```bash sudo systemctl enable vue-dev sudo systemctl start vue-dev ``` 二、生产环境自启动（部署版本） 1. 构建项目 先执行：`npm run build` 2. 配置Web服务器（以Nginx为例） ```nginx server { listen 80; server_name your_domain; location / { root /path/to/dist; try_files $uri $uri/ /index.html; } } ``` 3. 设置Nginx自启动 ▌Linux系统： ```bash sudo systemctl enable nginx sudo systemctl start nginx ``` 注意事项： 1. 开发环境自启动建议仅在本地测试使用，长期运行请使用PM2： ```bash npm install -g pm2 pm2 start npm --name "vue-app" -- run serve pm2 save pm2 startup ``` 2. 生产环境务必使用构建后的静态文件部署，不要直接运行开发服务器 3. Windows系统若需要后台运行，可使用VBS脚本： 创建 `start_hidden.vbs`： ```vbscript Set WshShell = CreateObject("WScript.Shell") WshShell.Run "cmd /c npm run serve", 0 ``` 请根据您的实际需求选择对应方案，并替换示例中的路径为您的真实项目路径。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值