码迷,mamicode.com
首页 > Windows程序 > 详细

Windows搭建VUE环境

时间:2021-04-05 12:34:19      阅读:0      评论:0      收藏:0      [点我收藏+]

标签:stp   pre   download   项目   alt   https   题解   窗口   输入   

Windows搭建VUE环境

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

  • 技术图片

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

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

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

    技术图片

  • 安装vue

  • npm install vue-cli -g
    

    技术图片

    • 测试一下

    • vue list
      

      技术图片

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

  • 技术图片

  • 切换到项目,安装依赖

  • 技术图片

  • 运行一下

  • npm run dev
    
  • 技术图片

  • 技术图片

  • 在IDEA上打开VUE项目

  • 技术图片

常见问题解决

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

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

技术图片

解决步骤:

进入npm隐藏目录

技术图片

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

技术图片

使得cnpm和npm处于同级目录

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

技术图片

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

Windows搭建VUE环境

标签:stp   pre   download   项目   alt   https   题解   窗口   输入   

原文地址:https://www.cnblogs.com/wanwanyuan/p/14613507.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!