Windows搭建VUE环境

Windows搭建VUE环境

  • 下载 http://nodejs.cn/download/

  • image-20210403115811985

  • 安装-更换路径，傻瓜式安装即可

  • 管理员模式打开命令行窗口，依次输入

  • node -v
npm -v
npm install cnpm -g

    image-20210403120034266

  • 安装vue

  • npm install vue-cli -g

    image-20210403120206368

    • 测试一下

    • vue list

      image-20210403120246625

  • 使用命令初始化一个vue项目

  • image-20210403120425960

  • 切换到项目，安装依赖

  • image-20210403120522485

  • 运行一下

  • npm run dev

  • image-20210403120605405

  • image-20210403120646337

  • 在IDEA上打开VUE项目

  • image-20210403120803314

常见问题解决

'cnpm' 不是内部或外部命令，也不是可运行的程序 或批处理文件。

可能原因：之前已经安装过或者环境变量没配置好

image-20210403121548031

解决步骤：

进入npm隐藏目录

image-20210403121507023

1.复制或者移动cnpm到nodejs的安装路径下

image-20210403121059291

使得cnpm和npm处于同级目录

2.移动或者复制cnpm和cnpm.cmd到nodejs的安装路径下

image-20210403121254691

使得cnpm和cnpm.cmd与npm和npm.cmd处于同级目录

posted @ 2021-04-03 12:20  晚风花间寺中人  阅读(71)  评论(0)  编辑  收藏  举报