vue 项目创建,执行中遇到的问题

本文详细介绍如何使用Node.js和npm创建Vue项目,包括安装Vue-cli脚手架、配置环境变量及解决常见问题等步骤。

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

准备:创建vue项目需要借助npm

去官网下载node.js : https://nodejs.org/zh-cn/ 

Node.js是一个构建在谷歌V8引擎的js运行环境。Node.js的事件驱动、非阻塞IO模型使其轻量、高效。

npm是Node.js的包管理系统,是全世界最大的开发库生态系统。

 

创建vue项目:

   (1) window+r   cmd   进入命令行工具 npm install -g vue-cli  全局安装vue-cli脚手架

 (2)进入想安装的文件路径 vue init webpack xxx  //为项目名称  直接下一步下一步安装

 (3)cd xxx  // 进入项目

 (4)npm run dev   //执行

 

遇到问题:

  (1) vue 不是内部或外部命令

         原因:下载了vue之后,vue.cmd 没有在全局环境中

                   找到nodejs安装路径,找到下载的vue.cmd的路径,进行配置环境变量

                  我的电脑→属性→高级系统设置→环境变量→path→编辑→新增,(记住要点确定哦)

            window+r  cmd  输入 vue -V   出现版本信息,配置成功

(2) webpack-dev-serve不是内部或外部命令

              1.  在创建的项目下删除node_modules这个文件

              2.npm install

              3.npm run build

              4.npm run dev

(3)遇到npm install卡顿

     找到你的npman安装路径下的npmrc文件 

  修改为:prefix=${APPDATA}\npm
               registry=http://registry.cnpmjs.org      (相关于增加一行代码)

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值