Vue启动：小白安装vue步骤总结-附百度网盘下载链接（一）

Tips:本文根据B站【武哥学编程-带小白做毕设02】总结整理

网盘下载版本：ideaIU-2021.1.3、node-v16.19.0-x64.msi

链接：https://pan.baidu.com/s/1Esea1kPPrqC5iZRiSyypYw?pwd=ujgj 
提取码：ujgj
一、下载安装软件（ide、nodejs都需要安装）

二、vue配置

1、编辑环境变量

找到nodejs的可执行文件（.exe)所在目录

2、编辑环境变量

刚开始先设置的系统变量，发现报错，又设置了一下用户变量

看下是否成功，在cmd中输入 vue --version，下图是成功界面

若此时报错，【npm不是内部或外部命令】，看下nodejs是否安装，环境变量地址是否有误。

若都无误，建议cmd选择管理员模式打开重新试下。

3、新建文件夹，存放vue工程，在该目录下打开cmd命令，在该目录下进行后续操作。

我的电脑用这种方法无法获得npm，可能是普通用户没有权限，后续使用powershell管理员模式【搜索框中输入powershell能打开】进行操作。

①更换npm源（国内源下载速度会更快）：npm config set registry https://registry.npm.taobao.org/

②安装vue： npm install -g @vue/cli  

等待中.....注意看下是否有【error】

这里提示错误，将错误复制到百度查询

百度经验：npm install -g @vue/cli --force

3、创建vue工程

vue create 工程名

4、设置安装内容

上下键控制

按空格键进行选择/取消*

两个版本差距大，这里选择的2.X，保存为模板，模板名：default

创建完成

4、vue启动： 

  cd vue
  npm run serve

出现下图说明启动成功

5、在浏览器中输入网址访问