美文网首页
win10安装vue开发环境

win10安装vue开发环境

作者: 说再见谈何容易 | 来源:发表于2022-11-20 15:19 被阅读0次

    1、安装node.js

    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
    • 结束

    相关文章

      网友评论

          本文标题:win10安装vue开发环境

          本文链接:https://www.haomeiwen.com/subject/ildwxdtx.html