window下安装node.js以及vue.js

本文详细介绍了如何使用Node.js官网下载安装包,并通过cmd命令行检查Node.js和npm版本,解决npm资源访问问题,安装cnpm国内镜像,以及使用npm、cnpm和vue-cli构建Vue.js项目的过程。此外,还讲解了安装Webpack和查看Vue.js模板的方法。

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

1、nodejs官网http://nodejs.cn/下载安装包,无特殊要求可本地傻瓜式安装

2、cmd命令行

1)、node -v //显示node版本

2)、npm -v //显示npm包管理器版本

3、由于有些npm有些资源被屏蔽或者是国外资源的原因,经常会导致用npm安装依赖包的时候失败,所有我还需要npm的国内镜像---cnpm

Cmd命令行中输入npm install -g cnpm --registry=http://registry.npm.taobao.org

控制台出现一大串黄色目录结构的字体,即表示安装成功

4、安装vue-cli脚手架构建工具

npm install -g vue-cli

查看安装的vue版本

vue -V (注意V是大写的)

5、安装webpack (需要安装这个,不然不知道为什么,初始化vue项目后启动会报错)

npm install webpack -g

查看webpack版本

webpack -v

6、查看vue可用的模板

vue list

7、初始化一个vue项目

vue init webpack 项目名称

需要配置一些关于该项目的配置(如作者、项目名称等,使用默认也行)

8、进入上面所创建的项目名称中

cd 项目名称

9、使用cnpm安装项目的依赖(需要安装一点时候,然后注意有没出错)

cnpm install

10、执行项目

npm run dev

注意:确认端口是否已被占用(默认8080),一般启动成功后,会有http://localhost:8080的提示

在注意器输入上面的提示,出现vue.js的标志表示安装成功

参考:https://www.cnblogs.com/RexSheng/articles/6934413.html

https://www.cnblogs.com/pengfei-nie/p/6979217.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值