Vue项目环境搭建

一、下载node.js

直接node官网下载，傻瓜式下一步安装即可

node官网地址下载 | Node.js 中文网

根据自己的需求下载相应版本node，我这里下载的是win64位

 下载之后直接下一步即可，安装好之后在cmd中使用 node -v 命令查看node版本，查看到版本号即为成功  打开cmd快捷键  win+R 即可打开cmd,输入下方命令

node -v

 二、npm

node 中集成了npm ，我们无需下载，使用npm -v 查看npm 版本

npm -v

通过npm -v发现会有一个警告，这个警告的原因是我们的node 版本是node 16，node16版本和node18版本都会出现这种问题

解决办法：找到node.js安装文件夹，找到node.cmd文件，修改-g为--location=global

-g 改为  --location=global

 

 再执行一次 npm -v

 三、安装cnpm淘宝镜像（可选）

为了我们项目中下包更快一点，可选择安装淘宝镜像

npm install -g cnpm –registry=https://registry.npm.taobao.org

 

四、安装vue脚手架

npm install -g @vue/cli

 

五、创建一个项目试试

Vue create 项目名

 启动项目（注意，启动项目必须进入项目文件夹）

 好了，大功告成！Vue环境搭建成功