Windows搭建VUE环境

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处于同级目录