vue.js相关知识,vue-cli的使用

本文详细介绍了如何使用Vue CLI进行项目的搭建与运行,包括安装Node.js、全局安装Vue CLI、选择项目模板、安装并启动项目,以及访问运行中的项目。

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

通过 npm uninstall vue-cli -g 卸载旧版本,

vue3 启动npm run serve

######################以下是vue-cli的使用方式####################

vue-cli的使用

1.首先安装node 
在命令提示窗口输入:node -v 查看是否安装node,和node版本,如果没有安装,需要先安装node。

2.全局安装 vue-cil

输入npm install -g vue-cli,全局安装vue-cil。

安装完成后输入vue命令查看安装结果
输入vue list可以看可以用那些模板

3.安装项目模板

cmd在那个目录就会安装在哪里
vue init webpack appName(项目名字).

ls查看当前目录生成项目

4.安装启动项目

cd appName(移动到项目下)
npm install(安装项目需要的包等,需要等待)
npm run dev(启动项目)

在启动的cmd里 Crtl+C 来停止 vue项目。

编译项目:npm run build

5.访问项目
http://localhost:****

端口号可以在config/index.js中配置。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值