演示一下搭建vue环境(大神可以略过)

本文详细介绍如何从零开始搭建一个Vue.js项目,包括Node.js环境安装、验证安装成功的方法、使用npm或cnpm安装Vue CLI脚手架的过程,以及通过脚手架初始化Vue项目的步骤。

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

1.node环境安装

下载地址:https://nodejs.org/en/

2.node环境检测

2.1建议使用gitbas

2.2右键空白,选择Git Bash Here

2.3输入node -v,如果输出版本号,说明安装node环境成功,可以用npm -v查看npm的版本号

3.vue-cli脚手架安装

3.1如果访问外网比较慢,可以使用淘宝的镜像 https://npm.taobao.org/

输入命令 npm install -g cnpm --registry=https://registry.npm.taobao.org
回车之后,就可以用cnpm 替代 npm

看到这里,说明成功安装cnpm,接下来我还是使用npm运行命令

3.2接下来安装vue-cli : npm install vue-cli -g

看到这个就标识安装成功了

3.3进入我们的项目目录,右键Git Bash Here

3.4初始化项目vue init webpack vue-demo

一直回车就好

是否要安装vue-router项目中肯定要是用所以Y回车

是否需要js语法检测,目前不需要所以N回车

是否安装单元测试工具,目前不需要所以N回车

是否需要端到端测试工具,目前不需要所以N回车

接下来ctr+c结束

3.5进入cd vue-demo

3.6执行npm install

安装成功

3.7执行npm run dev,端口冲突的话记得修改端口号,默认浏览器会打开

成功安装,并运行起来vue基础项目

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值