Vscode打开一个已有的vue项目相关的一系列报错： npm ERR! missing script: dev vue : 无法将“vue”项识别为 cmdlet、函数、脚本文件或可运行程序的名称

如何打开一个已有的vue项目

第一步:
文件 ->打开文件夹或快捷键Ctrl+O

第二步：
终端->新建终端 ，输入命令

npm install

目的：安装项目的依赖包，这时候你的根目录下会多一个node_modules文件夹。

第三步：
输入命令：

npm run dev

报错 npm ERR! missing script: dev，查看我的package.json文件，其中

  "scripts": {
    "serve": "vue-cli-service serve",
    "build": "vue-cli-service build --mode production",
    "build_test": "vue-cli-service build --mode test"
  }

其中没有dev，以为是打包工具没有安装，输入命令

vue init webpack

进行安装，又报错无法识别vue字符，以为是没有安装vue命令行工具,输入以下命令进行安装

npm install vue-cli -g

还是报错，于是进行环境变量的配置。
在命令行中输入：

npm config get prefix

我得到：C:\Users\你的用户名\AppData\Roaming\npm
记住此路径。
搜索 “环境变量”，进行编辑系统环境变量
选中path，点击编辑，再点击新增，把上面的路径加进去即可。然后重启VSCode，问题解决。

但是npm run dev 依然不好用，换成

npm run serve

即可进行部署启动，然后在浏览器中输入：
localhost:8080，如果可以正确启动，就行了。

有任何问题可以在评论区留言。