win10安装vue开发环境

1、安装node.js

• 下载地址：https://nodejs.org/en/download/

image

下载地址

下载node-v18.12.1-x64.msi，双击安装包进行安装

image

nodejs安装

• 点击next

image

angelo

• 勾选I accept，点击next

image

angelo

• 更新成自己喜欢的路径，点击next

image

选中node.js runtime 点击next

• 选中node.js runtime 点击next

image

• 点击next

image

• 点击install

image

• 点击finish

查看是否环境变量添加上了，我的自动配置了环境变量

image

• 安装cpnm

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

image.png

查看cnpm是否安装成功

cnpm -v

image

• 设置全局缓存文件夹、模块存放路径

安装目录下新建cache文件夹、global文件夹

[图片上传失败...(image-3d9816-1669014920392)]

执行指令：

npm config set cache "E:\soft\nodejs\cache"
npm config set prefix "E:\soft\nodejs\global"

image.png

• 配置环境变量NODE_PATH

image

path 新增

image

• Nodejs的安装包 给everyone权限

右键安装目录，选择属性

image.png

• 安装vue

cnpm install vue -g

image

• 安装vue-cli

cnpm install vue-cli -g

image.png

• 结束