【Vue】Vue全家桶(八)vue-cli脚手架 +图形可视化创建Vue项目+命令行创建Vue项目

本文详细介绍了如何从安装Node.js和Vue脚手架到创建并配置Vue项目,包括使用taobao镜像源、安装Vue-cli、图形化创建项目、添加element-ui插件以及设置ESLint。步骤清晰,适合初学者入门。

1. 安装Node.js

1.1 下载Node.js

vue-cli基于node.js运行环境,在安装vue脚手架之前需要安装配置node.js

下载地址:https://nodejs.org/en/
在这里插入图片描述

●LTS = Long Term Support 长期支持版 稳定版 (推荐)

●Current 拥有最新特性 实验版

1.2 Path环境变量配置

找到安装Node.js的目录中的node.exe (如我的安装在H盘中)

在这里插入图片描述

依次执行:我的电脑-系统属性-高级系统设置-高级 环境变量-系统变量 寻找path-编辑 在后面加入H:\ 然后确认

在这里插入图片描述

1.3 检查Node.js是否安装成功

打开控制命令行程序(cmd),输入node -v ,若下面显示版本号,则安装成功

node -v

在这里插入图片描述

1.4 检查npm是否自动安装成功

接着输入npm -v ,若下面显示版本号,则安装成功

npm -v

在这里插入图片描述

1.5 配置下载源—全局安装nrm

npm install nrm -g   

1.6 使用taobao镜像源

查看镜像源

nrm ls

使用taobao镜像源

nrm use taobao

在这里插入图片描述

2.

评论 2
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值