用node.js创建vue项目

本文指导如何在Windows环境下使用Node.js和npm创建Vue项目。首先,通过访问Node.js官网下载并安装Node.js,它内置npm。在DOS中验证安装成功后,利用npm全局安装vue-cli和webpack。接着,通过vue-cli命令创建新的Vue项目,并将其定位到桌面。进入项目文件夹后,运行'npm run dev'启动项目,浏览器输入'localhost:8080'可查看运行结果。

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

第一步:在node.js官网上下载node并安装好。npm是node.js的包工具管家,他们一体的,所以安装了node.js,就会自带的有npm。npm是实现node.js的工具管家。是否安装成功了,在DOS里面输入node -v 和npm -v就会出现版本号,npm可以把别人的包下载下来用来自己用哦

官网地址:https://nodejs.org/en/

下载后,双击安装包,就像装QQ一样。

最后在DOS里面输入node -v和npm -v查看版本号,测试是否全部安装好了

现在开始用node的包管家npm从服务器下载第三方包到本地使用,现在就从服务器上加载一个webpack和vue-cli

加载vue-cli的命令:npm install -g vue-cli

加载webpack的命令:npm install -g webpack

然后开始创建一个vue项目,如果你想要把vue项目创建到桌面上,进DOS之后,输入cd desktop即可

创建vue项目的命令:vue init webpack project01

创建好之后,就cd 到该项目文件夹下:cd project01

然后运行该项目:npm run dev

运行成功会出现这个提示:

这个时候在浏览器地址栏内输入localhost:8080,即可看到vue的欢迎页面

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值