1.npm install -g @vue/cli 2.更新nvm版本:npm install -g npm(确保你的 npm 版本是最新的,有时旧版本的 npm 可能存在问题) 3.安装淘宝镜像 命令: npm install -g cnpm --registry= https://registry.npm.taobao.org 也可以切换到其他的镜像源: 以下命令为 将源切换到官方源: npm config set registry https://registry.npmjs.org/ 清理npm缓存,可以解决一些下载问题:npm cache clean --force 4.查看当前镜像命令:npm config get registry (如果你看到输出是 https://registry.npmmirror.com/ 或者 ,说明设置成功。) 5.全局安装 vue-cli 在cmd中输入命令 npm install -g @vue/cli 安装完成之后输入 vue -V(注意这里是大写的“V”) 6.用vue-cli来构建项目: 1. 首先在D盘新建一个文件夹(vuedemo)作为项目存放地,然后使用命令行cd进入到项目目录输入:vue create xxxx 创建vue项目(xxxx是你的项目名称,自定义),出现下图表示成功。 2.然后进入下面的选择,Enter是确认选择,上下键是换选择,第二页的*是用空格来取消标记 01、选择第三项: Manually select features 02、选择 Babel 、Router 03、选择:2.x 04、输入Y 05、选择: In package.json 06、输入:N 07、出现如下结果表示成功。(这里要经过漫长的等待项目加载配置文件,成功后会出现如下界面) 08、成功后输入框输入 cd 项目名 进入项目名称里, 这里我的项目名称为vuedemo,进入后输入:npm run serve 如果显示运行失败,那就重复执行 npm run serve 一直到如下界面出现。 09、在浏览器中输入图片中的域名,就能看到如下页面了。 最后用idea打开用vue创建的项目即可 file==>settings==>Plugins 搜索vue 点击下载即可