pycharm配置vue的问题

我在为pycharm配置vue编译环境时遇到Edit Configurations,界面如下:

这里Name可以随便起,package.json填写项目的package.json地址,Command默认为run,其中Scripts在填写时遇到了问题,我参考的网址上注明要写“server”,相当于使用“npm run server”启动项目,但是我在编译时会报错。后来发现应该填写的是“dev”,即相当于使用命令“npm run dev”启动项目。

原来这里填写的server还是dev是与项目在package.json中scripts的配置有关。

比如:

1
2
3
4
5
6
7
8
9
10
"scripts": {
    "dev": "vue-cli-service serve",
    "build:prod": "vue-cli-service build",
    "build:stage": "vue-cli-service build --mode staging",
    "preview": "node build/index.js --preview",
    "lint": "eslint --ext .js,.vue src",
    "test:unit": "jest --clearCache && vue-cli-service test:unit",
    "test:ci": "npm run lint && npm run test:unit",
    "svgo": "svgo -f src/icons/svg --config=src/icons/svgo.yml"
  },

在这里,scripts中定义的是键值对,“dev”对应的是"vue-cli-service serve",即运行"npm run dev"想要于运行"vue-cli-service serve"。在有的package.json文件中写的是“serve”: "vue-cli-service serve",因此需要使用“npm run serve”来启动命令,即在pycharm如下配置窗口中:

需要填写的是"serve",而不是"dev"。