创建Vue项目

首先保证网速OK,其次node环境正常,npm镜像正常

// 检测node是否安装成功
node -v
// 检测npm是否安装成功
npm -v

若node没安装成功,下载node:Node.js 官方地址,点击下载一直下一步即可完成安装

接下来就可以新建Vue项目了,有多种方法可以选择~

方法一:
  1. 全局安装@vue/cli -g

npm install -g @vue/cli

// 若之前安装过,暴力覆盖
npm install -g @vue/cli --force 

// 检测@vue/cli是否安装成功
vue -V
  1. 在指定文件夹下,打开控制端执行以下命令创建项目

vue create 项目名 
  1. 进行Vue项目配置

  1. 最终出现 Successfully created project 项目名,代表Vue项目创建成功

  1. 根据提示内容,执行相关命令即可

cd 项目名 // 进入到该项目的文件目录下

npm run serve  // 启动内置的webback本地热更新开发服务器

方式二:
  1. 在指定文件夹下,打开控制端执行以下命令创建项目

vue init webpack 项目名称
  1. 创建成功后切到指定目录下运行以下命令即可

cd 项目名 //进入到该项目的文件目录下

npm install //安装依赖

npm run dev //启动项目

方法三:
  1. 在指定文件夹下,打开控制端执行以下命令创建项目

npm init vite@latest 项目名 -- --template vue
  1. 创建成功后切到指定目录下运行以下命令即可

cd 项目名 //进入到该项目的文件目录下

npm install //安装依赖

npm run dev //启动项目
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值