- 下载安装node.js
- 要想使用vue-cli命令,需要先安装node.js
- node.js提供了前端程序的运行环境,可以把node.js理解成是运行前端程序的服务器
- 官网下载安装: 下载 | Node.js 中文网
- 历史版本可以在

正在上传…重新上传取消



这里我使用的是v16.14.2这个版本
里面有wendows版本Linux版本等等、如果你的电脑是wendows 64位就选择安装对应的后缀名,推荐下载msi简单一路点击下一步
-
- 安装完成后,通过下面命令进行验证:

正在上传…重新上传取消
-
- node自带了一个包管理工具npm(node package manager),用于node插件管理(包括安装、卸载、管理依赖等)
- 设置npm的源
- 使用国内源
npm config set registry https://registry.npm.taobao.org

正在上传…重新上传取消
-
- 安装cnpm(可选)
cnpm是个中国版的npm,是淘宝定制的命令行工具代,如果因为网络原因无法使用npm下载,可以使用cnpm。
npm install -g cnpm --registry=https://registry.npm.taobao.org

正在上传…重新上传取消
-
- 查看配置
npm config list
- 安装vue-cli
- # npm: 使用node.js的命令
# install: 安装
# vue-cli: 要安装的vue-cli
# -g: 全局安装
npm install @vue/cli -g
或者
cnpm install @vue/cli -g
- 安装vue-cli后的检测
- vue -V

到这里基本就完成了
- 启动VUE项目
- 拿到一个已开发完成的VUE项目
- 首先cmd或者vscode终端运行npm install即可,这个命令会重新安装一下依赖包

正在上传…重新上传取消
-
- 然后执行启动脚本命令npm run serve或npm run dev

正在上传…重新上传取消
- 启动后页面

正在上传…重新上传取消

本文详细介绍了如何在Windows系统上下载、安装Node.js,设置国内镜像源,以及安装和配置VueCLI。步骤包括验证安装、全局安装VueCLI、使用npm和cnpm管理包,以及启动VUE项目的流程。
5728





