安装Node&修改Node镜像地址&搭建Vue脚手架&创建Vue项目

检验是否安装成功，Win+R ,输入cmd 命令，使用node -v可以查看到其版本号

安装好node之后，开始修改镜像地址

复制代码

npm install --location=global --registry=https://registry.npm.taobao.org

如果出现以上报错情况，执行命令（两者二选一，建议使用第二个）

复制代码

npm init -f

或

复制代码

npx nrm use taobao

再执行一次修改镜像地址命令

复制代码

npm install --location=global --registry=https://registry.npm.taobao.org

查看当前的镜像地址

复制代码

npm config get registry

出现npmmirror就是taobao的镜像地址，即修改成功

-g: 全局安装

复制代码

npm install -g @vue/cli

cli 是Command Line Interface的简称，为命令行界面，俗称脚手架

查看vue的版本号

复制代码

vue --version

在VSCode新建一个文件夹，作为源代码目录，右键选择在集成终端中打开 。在右下部控制台处输入cmd进入dos模式

新建项目

复制代码

vue create 项目名称

选择vue3版本，等待系统初始化完成，出现以下内容即成功

进入刚创建的项目目录

复制代码

cd 项目名称

执行命令

复制代码

npm run serve

执行成功后，到浏览器输入命令窗口中Local 命令或者Network的地址

复制代码

http://localhost:8080
或
http://192.168.43.117:8080

如果出现以下情况

解决方法一

运行命令行窗口，进入项目目录存放位置，再依次执行以下命令，如果还不行，执行方法二

复制代码

vue create 项目名称

cd 项目名称

npm run serve

解决方法二

退出VSCode,右键点击VSCode,选择属性，兼容性 ，勾选以管理员身份运行此程序 ，应用

再执行

复制代码

vue create 项目名称

cd 项目名称

npm run serve

完成